@woven-canvas/vue 1.5.0 → 1.6.1

package/build/index.js

@@ -1,8 +1,8 @@
 import { Synced as zh, defineCanvasSingleton as Fh, CanvasStore as H0 } from "@woven-ecs/canvas-store";
-import { CanvasComponentDef as oI, CanvasSingletonDef as rI, CanvasStore as sI, Synced as iI, defineCanvasComponent as lI, defineCanvasSingleton as aI } from "@woven-ecs/canvas-store";
+import { CanvasComponentDef as iI, CanvasSingletonDef as lI, CanvasStore as aI, Synced as cI, defineCanvasComponent as uI, defineCanvasSingleton as dI } from "@woven-ecs/canvas-store";
 import { ArrowHeadKind as Qe, ArcArrow as fn, ElbowArrow as hn, createArrowsPlugin as V0 } from "@woven-canvas/plugin-arrows";
-import { inject as ge, shallowRef as Ae, onUnmounted as $e, defineComponent as q, computed as O, openBlock as C, createElementBlock as A, unref as F, Fragment as ie, createElementVNode as x, createCommentVNode as j, ref as B, onMounted as wt, createBlock as ee, renderList as Se, toDisplayString as _e, normalizeStyle as ve, watch as pe, normalizeClass as Te, withAsyncContext as Dr, h as Xi, getCurrentInstance as Cc, watchEffect as Ws, nextTick as Gn, onBeforeUnmount as W0, markRaw as j0, customRef as U0, toValue as st, reactive as Hh, readonly as Rl, createVNode as Z, mergeProps as Xo, getCurrentScope as Vh, onScopeDispose as Wh, shallowReadonly as Lo, provide as ho, withModifiers as At, renderSlot as me, Teleport as ps, withCtx as se, Transition as Mc, withDirectives as jh, withKeys as td, vModelText as Uh, useSlots as Kh, resolveDynamicComponent as xa, createTextVNode as Sa, normalizeProps as qh, guardReactiveProps as Jh, Suspense as K0, createSlots as q0 } from "vue";
-import { hasComponent as Fe, Color as Zo, EmbedProvider as de, Embed as Ca, Block as le, Frame as js, FrameDropTarget as J0, UploadState as jn, Asset as gn, Image as Us, getBlockDef as Gh, Grid as bn, RankBounds as Yh, createEntity as Zi, addComponent as He, Synced as Tt, defineQuery as ct, Selected as Qi, Mouse as Ma, Camera as Pe, canBlockEdit as Tc, EditAfterPlacing as Ec, SelectBlock as G0, isAlive as Y0, cascadeDelete as X0, getResources as cr, deselectAll as Ta, selectBlock as Ea, findFrameAtPoint as Z0, AssignFrameChildren as Q0, Text as it, getDescendants as ey, Aabb as Uo, DeselectAll as Ac, Edited as Ic, Screen as eo, TransformBoxStateSingleton as Oc, TransformBoxState as ty, UpdateTransformBox as _c, SelectionStateSingleton as el, SelectionState as Jr, TransformHandle as nd, TransformHandleKind as ny, removeEntity as Aa, ResetKeyboard as oy, VerticalAlignment as Ze, StrokeKind as Mt, Shape as Gt, VerticalAlign as Ks, ResizeMode as Pl, DuplicateSelected as ry, BringForwardSelected as sy, SendBackwardSelected as iy, RemoveSelected as Xh, TextAlignment as un, getPluginResources as Io, Undo as Dc, Redo as qs, detectEmbedProvider as ly, validateEmbedUrl as ay, resolveEmbedUrl as cy, Controls as Bt, Cursor as Nc, field as pn, defineEditorState as uy, defineEditorSystem as tl, isReadonly as nl, getPointerInput as Rc, PointerButton as Zh, PlaceBlockEvent as Js, Held as Ia, on as od, Key as Ll, Connector as rd, Hovered as dy, Opacity as sd, User as $l, Layer as fy, UserData as hy, Editor as py, SINGLETON_ENTITY_ID as my, EventType as $o, resolveLayerRank as id, compareBlockOrder as gy } from "@woven-canvas/core";
+import { inject as ge, shallowRef as Ae, onUnmounted as $e, defineComponent as q, computed as O, openBlock as C, createElementBlock as A, unref as F, Fragment as ie, createElementVNode as x, createCommentVNode as j, ref as B, onMounted as kt, createBlock as ee, renderList as Se, toDisplayString as _e, normalizeStyle as ve, watch as pe, normalizeClass as Te, withAsyncContext as Dr, h as Xi, getCurrentInstance as Cc, watchEffect as Ws, nextTick as Gn, onBeforeUnmount as W0, markRaw as j0, customRef as U0, toValue as st, reactive as Hh, readonly as Rl, createVNode as Z, mergeProps as Xo, getCurrentScope as Vh, onScopeDispose as Wh, shallowReadonly as Lo, provide as ho, withModifiers as ut, renderSlot as me, Teleport as ps, withCtx as se, Transition as Mc, withDirectives as jh, withKeys as td, vModelText as Uh, useSlots as Kh, resolveDynamicComponent as xa, createTextVNode as Sa, normalizeProps as qh, guardReactiveProps as Jh, Suspense as K0, createSlots as q0 } from "vue";
+import { hasComponent as Fe, Color as Zo, EmbedProvider as de, Embed as Ca, Block as le, Frame as js, FrameDropTarget as J0, UploadState as jn, Asset as gn, Image as Us, getBlockDef as Gh, Grid as bn, RankBounds as Yh, createEntity as Zi, addComponent as He, Synced as Et, defineQuery as ct, Selected as Qi, Mouse as Ma, Camera as Pe, canBlockEdit as Tc, EditAfterPlacing as Ec, SelectBlock as G0, isAlive as Y0, cascadeDelete as X0, getResources as cr, deselectAll as Ta, selectBlock as Ea, findFrameAtPoint as Z0, AssignFrameChildren as Q0, Text as it, getDescendants as ey, Aabb as Uo, DeselectAll as Ac, Edited as Ic, Screen as eo, TransformBoxStateSingleton as Oc, TransformBoxState as ty, UpdateTransformBox as _c, SelectionStateSingleton as el, SelectionState as Jr, TransformHandle as nd, TransformHandleKind as ny, removeEntity as Aa, ResetKeyboard as oy, VerticalAlignment as Ze, StrokeKind as Tt, Shape as Gt, VerticalAlign as Ks, ResizeMode as Pl, DuplicateSelected as ry, BringForwardSelected as sy, SendBackwardSelected as iy, RemoveSelected as Xh, TextAlignment as un, getPluginResources as Io, Undo as Dc, Redo as qs, detectEmbedProvider as ly, validateEmbedUrl as ay, resolveEmbedUrl as cy, Controls as Bt, Cursor as Nc, field as pn, defineEditorState as uy, defineEditorSystem as tl, isReadonly as nl, getPointerInput as Rc, PointerButton as Zh, PlaceBlockEvent as Js, Held as Ia, on as od, Key as Ll, Connector as rd, Hovered as dy, Opacity as sd, User as $l, Layer as fy, UserData as hy, Editor as py, SINGLETON_ENTITY_ID as my, EventType as $o, resolveLayerRank as id, compareBlockOrder as gy } from "@woven-canvas/core";
 import { Arc as rn, Vec2 as In, Aabb as Ln, Rect as yy } from "@woven-canvas/math";
 import { EraserStroke as vy, POINTS_CAPACITY as ld, createEraserPlugin as wy } from "@woven-canvas/plugin-eraser";
 import { PenStrokeKind as Oa, PenStroke as _a, createPenPlugin as ky } from "@woven-canvas/plugin-pen";
@@ -171,7 +171,7 @@ const My = { key: 0 }, Ty = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"],
   setup(n) {
     const e = n, t = B(null), o = B(0), r = B(0), s = De(e.entityId, Zo), i = De(e.entityId, fn);
     let l = null;
-    wt(() => {
+    kt(() => {
       t.value && (l = new ResizeObserver(() => {
         t.value && (o.value = t.value.clientWidth, r.value = t.value.clientHeight);
       }), l.observe(t.value), o.value = t.value.clientWidth, r.value = t.value.clientHeight);
@@ -354,7 +354,7 @@ const qy = /* @__PURE__ */ Oo(jy, [["render", Ky]]), Jy = {
   setup(n) {
     const e = n, t = B(null), o = B(0), r = B(0), s = De(e.entityId, Zo), i = De(e.entityId, hn), l = O(() => e.hovered || e.selected);
     let a = null;
-    wt(() => {
+    kt(() => {
       t.value && (a = new ResizeObserver(() => {
         t.value && (o.value = t.value.clientWidth, r.value = t.value.clientHeight);
       }), a.observe(t.value), o.value = t.value.clientWidth, r.value = t.value.clientHeight);
@@ -693,8 +693,8 @@ function yv(n, e = {}) {
     let { pressure: X } = n[J], { point: Y, vector: re, distance: fe, runningLength: ke } = n[J], Be = J === n.length - 1;
     if (!Be && p - ke < 3) continue;
     r ? (s && (X = np(v, fe, t)), b = dd(t, r, X, i)) : b = t / 2, M === void 0 && (M = b);
-    let qe = ke < m ? d(ke / m) : 1, bt = p - ke < g ? h((p - ke) / g) : 1;
-    b = Math.max(0.01, b * Math.min(qe, bt));
+    let qe = ke < m ? d(ke / m) : 1, xt = p - ke < g ? h((p - ke) / g) : 1;
+    b = Math.max(0.01, b * Math.min(qe, xt));
     let Dt = (Be ? n[J] : n[J + 1]).vector, Cn = Be ? 1 : hd(re, Dt), yr = hd(re, S) < 0 && !N, oo = Cn !== null && Cn < 0;
     if (yr || oo) {
       Fl(Ye, S), zl(Ye, Ye, b);
@@ -973,7 +973,7 @@ const Mv = { class: "wov-image-block" }, Tv = {
         w();
       },
       { immediate: !0 }
-    ), wt(() => {
+    ), kt(() => {
       w();
     }), pe(
       () => [o.block.size[0], o.block.size[1]],
@@ -4005,15 +4005,15 @@ class Ba {
     return (this.delInfo & $s) > 0;
   }
 }
-class gt {
+class yt {
   /**
   Create a position map. The modifications to the document are
   represented as an array of numbers, in which each group of three
   represents a modified chunk as `[start, oldSize, newSize]`.
   */
   constructor(e, t = !1) {
-    if (this.ranges = e, this.inverted = t, !e.length && gt.empty)
-      return gt.empty;
+    if (this.ranges = e, this.inverted = t, !e.length && yt.empty)
+      return yt.empty;
   }
   /**
   @internal
@@ -4084,7 +4084,7 @@ class gt {
   map positions in the post-step document to the pre-step document.
   */
   invert() {
-    return new gt(this.ranges, !this.inverted);
+    return new yt(this.ranges, !this.inverted);
   }
   /**
   @internal
@@ -4098,10 +4098,10 @@ class gt {
   sub-document to a larger document, or vice-versa.
   */
   static offset(e) {
-    return e == 0 ? gt.empty : new gt(e < 0 ? [0, -e, 0] : [0, 0, e]);
+    return e == 0 ? yt.empty : new yt(e < 0 ? [0, -e, 0] : [0, 0, e]);
   }
 }
-gt.empty = new gt([]);
+yt.empty = new yt([]);
 class Qr {
   /**
   Create a new mapping with the given position maps.
@@ -4217,7 +4217,7 @@ class at {
   and the new document.
   */
   getMap() {
-    return gt.empty;
+    return yt.empty;
   }
   /**
   Try to merge this step with another one, to be applied directly
@@ -4467,7 +4467,7 @@ class ze extends at {
     return this.structure && za(e, this.from, this.to) ? Le.fail("Structure replace would overwrite content") : Le.fromReplace(e, this.from, this.to, this.slice);
   }
   getMap() {
-    return new gt([this.from, this.to - this.from, this.slice.size]);
+    return new yt([this.from, this.to - this.from, this.slice.size]);
   }
   invert(e) {
     return new ze(this.from, this.from + this.slice.size, e.slice(this.from, this.to));
@@ -4522,7 +4522,7 @@ class Ve extends at {
     return o ? Le.fromReplace(e, this.from, this.to, o) : Le.fail("Content does not fit in gap");
   }
   getMap() {
-    return new gt([
+    return new yt([
       this.from,
       this.gapFrom - this.from,
       this.insert,
@@ -5165,7 +5165,7 @@ class Jo extends at {
     return Le.fromReplace(e, this.pos, this.pos + 1, new G($.from(r), 0, t.isLeaf ? 0 : 1));
   }
   getMap() {
-    return gt.empty;
+    return yt.empty;
   }
   invert(e) {
     return new Jo(this.pos, this.attr, e.nodeAt(this.pos).attrs[this.attr]);
@@ -5200,7 +5200,7 @@ class es extends at {
     return Le.ok(o);
   }
   getMap() {
-    return gt.empty;
+    return yt.empty;
   }
   invert(e) {
     return new es(this.attr, e.attrs[this.attr]);
@@ -5579,7 +5579,7 @@ class ue {
   negative, it will search backwards first.
   */
   static near(e, t = 1) {
-    return this.findFrom(e, t) || this.findFrom(e, -t) || new yt(e.node(0));
+    return this.findFrom(e, t) || this.findFrom(e, -t) || new vt(e.node(0));
   }
   /**
   Find the cursor or leaf node selection closest to the start of
@@ -5588,14 +5588,14 @@ class ue {
   exists.
   */
   static atStart(e) {
-    return Ho(e, e, 0, 0, 1) || new yt(e);
+    return Ho(e, e, 0, 0, 1) || new vt(e);
   }
   /**
   Find the cursor or leaf node selection closest to the end of the
   given document.
   */
   static atEnd(e) {
-    return Ho(e, e, e.content.size, e.childCount, -1) || new yt(e);
+    return Ho(e, e, e.content.size, e.childCount, -1) || new vt(e);
   }
   /**
   Deserialize the JSON representation of a selection. Must be
@@ -5791,7 +5791,7 @@ class Fc {
     return o && oe.isSelectable(o) ? new oe(t) : ue.near(t);
   }
 }
-class yt extends ue {
+class vt extends ue {
   /**
   Create an all-selection over the given document.
   */
@@ -5813,25 +5813,25 @@ class yt extends ue {
   @internal
   */
   static fromJSON(e) {
-    return new yt(e);
+    return new vt(e);
   }
   map(e) {
-    return new yt(e);
+    return new vt(e);
   }
   eq(e) {
-    return e instanceof yt;
+    return e instanceof vt;
   }
   getBookmark() {
     return D1;
   }
 }
-ue.jsonID("all", yt);
+ue.jsonID("all", vt);
 const D1 = {
   map() {
     return this;
   },
   resolve(n) {
-    return new yt(n);
+    return new vt(n);
   }
 };
 function Ho(n, e, t, o, r, s = !1) {
@@ -6480,7 +6480,7 @@ const F1 = (n, e) => {
   return !0;
 }, Gp = (n, e) => {
   let t = n.selection, { $from: o, $to: r } = t;
-  if (t instanceof yt || o.parent.inlineContent || r.parent.inlineContent)
+  if (t instanceof vt || o.parent.inlineContent || r.parent.inlineContent)
     return !1;
   let s = jc(r.parent.contentMatchAt(r.indexAfter()));
   if (!s || !s.isTextblock)
@@ -6520,7 +6520,7 @@ function H1(n) {
         s.unshift(null);
       }
     let u = e.tr;
-    (e.selection instanceof ae || e.selection instanceof yt) && u.deleteSelection();
+    (e.selection instanceof ae || e.selection instanceof vt) && u.deleteSelection();
     let d = u.mapping.map(o.pos), f = wn(u.doc, d, s.length, s);
     if (f || (s[0] = l ? { type: l } : null, f = wn(u.doc, d, s.length, s)), !f)
       return !1;
@@ -6739,7 +6739,7 @@ function Hd(n, e, t, o, r) {
   for (var s; ; ) {
     if (n == t && e == o)
       return !0;
-    if (e == (r < 0 ? 0 : Et(n))) {
+    if (e == (r < 0 ? 0 : At(n))) {
       let i = n.parentNode;
       if (!i || i.nodeType != 1 || ms(n) || nw.test(n.nodeName) || n.contentEditable == "false")
         return !1;
@@ -6752,12 +6752,12 @@ function Hd(n, e, t, o, r) {
         else
           return !1;
       else
-        n = i, e = r < 0 ? Et(n) : 0;
+        n = i, e = r < 0 ? At(n) : 0;
     } else
       return !1;
   }
 }
-function Et(n) {
+function At(n) {
   return n.nodeType == 3 ? n.nodeValue.length : n.childNodes.length;
 }
 function ow(n, e) {
@@ -6767,7 +6767,7 @@ function ow(n, e) {
     if (n.nodeType == 1 && e > 0) {
       if (n.contentEditable == "false")
         return null;
-      n = n.childNodes[e - 1], e = Et(n);
+      n = n.childNodes[e - 1], e = At(n);
     } else if (n.parentNode && !ms(n))
       e = et(n), n = n.parentNode;
     else
@@ -6789,13 +6789,13 @@ function rw(n, e) {
   }
 }
 function sw(n, e, t) {
-  for (let o = e == 0, r = e == Et(n); o || r; ) {
+  for (let o = e == 0, r = e == At(n); o || r; ) {
     if (n == t)
       return !0;
     let s = et(n);
     if (n = n.parentNode, !n)
       return !1;
-    o = o && s == 0, r = r && s == Et(n);
+    o = o && s == 0, r = r && s == At(n);
   }
 }
 function ms(n) {
@@ -6822,18 +6822,18 @@ function lw(n, e, t) {
     try {
       let o = n.caretPositionFromPoint(e, t);
       if (o)
-        return { node: o.offsetNode, offset: Math.min(Et(o.offsetNode), o.offset) };
+        return { node: o.offsetNode, offset: Math.min(At(o.offsetNode), o.offset) };
     } catch {
     }
   if (n.caretRangeFromPoint) {
     let o = n.caretRangeFromPoint(e, t);
     if (o)
-      return { node: o.startContainer, offset: Math.min(Et(o.startContainer), o.startOffset) };
+      return { node: o.startContainer, offset: Math.min(At(o.startContainer), o.startOffset) };
   }
 }
-const Zt = typeof navigator < "u" ? navigator : null, Vd = typeof document < "u" ? document : null, to = Zt && Zt.userAgent || "", Ha = /Edge\/(\d+)/.exec(to), Qp = /MSIE \d/.exec(to), Va = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(to), mt = !!(Qp || Va || Ha), Kn = Qp ? document.documentMode : Va ? +Va[1] : Ha ? +Ha[1] : 0, It = !mt && /gecko\/(\d+)/i.test(to);
+const Zt = typeof navigator < "u" ? navigator : null, Vd = typeof document < "u" ? document : null, to = Zt && Zt.userAgent || "", Ha = /Edge\/(\d+)/.exec(to), Qp = /MSIE \d/.exec(to), Va = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(to), gt = !!(Qp || Va || Ha), Kn = Qp ? document.documentMode : Va ? +Va[1] : Ha ? +Ha[1] : 0, It = !gt && /gecko\/(\d+)/i.test(to);
 It && +(/Firefox\/(\d+)/.exec(to) || [0, 0])[1];
-const Wa = !mt && /Chrome\/(\d+)/.exec(to), nt = !!Wa, em = Wa ? +Wa[1] : 0, lt = !mt && !!Zt && /Apple Computer/.test(Zt.vendor), nr = lt && (/Mobile\/\w+/.test(to) || !!Zt && Zt.maxTouchPoints > 2), Ct = nr || (Zt ? /Mac/.test(Zt.platform) : !1), tm = Zt ? /Win/.test(Zt.platform) : !1, mn = /Android \d/.test(to), gs = !!Vd && "webkitFontSmoothing" in Vd.documentElement.style, aw = gs ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
+const Wa = !gt && /Chrome\/(\d+)/.exec(to), nt = !!Wa, em = Wa ? +Wa[1] : 0, lt = !gt && !!Zt && /Apple Computer/.test(Zt.vendor), nr = lt && (/Mobile\/\w+/.test(to) || !!Zt && Zt.maxTouchPoints > 2), Mt = nr || (Zt ? /Mac/.test(Zt.platform) : !1), tm = Zt ? /Win/.test(Zt.platform) : !1, mn = /Android \d/.test(to), gs = !!Vd && "webkitFontSmoothing" in Vd.documentElement.style, aw = gs ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
 function cw(n) {
   let e = n.defaultView && n.defaultView.visualViewport;
   return e ? {
@@ -7068,24 +7068,24 @@ function im(n, e, t) {
       return t < 0 && !r ? (c++, u = -1) : t >= 0 && r == o.nodeValue.length ? (a--, u = 1) : t < 0 ? a-- : c++, kr(An(dn(o, a, c), u), u < 0);
     }
   if (!n.state.doc.resolve(e - (s || 0)).parent.inlineContent) {
-    if (s == null && r && (t < 0 || r == Et(o))) {
+    if (s == null && r && (t < 0 || r == At(o))) {
       let a = o.childNodes[r - 1];
       if (a.nodeType == 1)
         return Gl(a.getBoundingClientRect(), !1);
     }
-    if (s == null && r < Et(o)) {
+    if (s == null && r < At(o)) {
       let a = o.childNodes[r];
       if (a.nodeType == 1)
         return Gl(a.getBoundingClientRect(), !0);
     }
     return Gl(o.getBoundingClientRect(), t >= 0);
   }
-  if (s == null && r && (t < 0 || r == Et(o))) {
-    let a = o.childNodes[r - 1], c = a.nodeType == 3 ? dn(a, Et(a) - (i ? 0 : 1)) : a.nodeType == 1 && (a.nodeName != "BR" || !a.nextSibling) ? a : null;
+  if (s == null && r && (t < 0 || r == At(o))) {
+    let a = o.childNodes[r - 1], c = a.nodeType == 3 ? dn(a, At(a) - (i ? 0 : 1)) : a.nodeType == 1 && (a.nodeName != "BR" || !a.nextSibling) ? a : null;
     if (c)
       return kr(An(c, 1), !1);
   }
-  if (s == null && r < Et(o)) {
+  if (s == null && r < At(o)) {
     let a = o.childNodes[r];
     for (; a.pmViewDesc && a.pmViewDesc.ignoreForCoords; )
       a = a.nextSibling;
@@ -8283,7 +8283,7 @@ function Rw(n) {
   if (!e)
     return;
   let t = n.cursorWrapper.dom, o = t.nodeName == "IMG";
-  o ? e.collapse(t.parentNode, et(t) + 1) : e.collapse(t, 0), !o && !n.state.selection.visible && mt && Kn <= 11 && (t.disabled = !0, t.disabled = !1);
+  o ? e.collapse(t.parentNode, et(t) + 1) : e.collapse(t, 0), !o && !n.state.selection.visible && gt && Kn <= 11 && (t.disabled = !0, t.disabled = !1);
 }
 function pm(n, e) {
   if (e instanceof oe) {
@@ -8335,7 +8335,7 @@ function nf(n, e, t) {
       if (n.endOfTextblock(e > 0 ? "forward" : "backward")) {
         let r = Ka(n.state, e);
         return r && r instanceof oe ? On(n, r) : !1;
-      } else if (!(Ct && t.indexOf("m") > -1)) {
+      } else if (!(Mt && t.indexOf("m") > -1)) {
         let r = o.$head, s = r.textOffset ? null : e < 0 ? r.nodeBefore : r.nodeAfter, i;
         if (!s || s.isText)
           return !1;
@@ -8495,7 +8495,7 @@ function of(n, e) {
 }
 function rf(n, e, t) {
   let o = n.state.selection;
-  if (o instanceof ae && !o.empty || t.indexOf("s") > -1 || Ct && t.indexOf("m") > -1)
+  if (o instanceof ae && !o.empty || t.indexOf("s") > -1 || Mt && t.indexOf("m") > -1)
     return !1;
   let { $from: r, $to: s } = o;
   if (!r.parent.inlineContent || n.endOfTextblock(e < 0 ? "up" : "down")) {
@@ -8504,7 +8504,7 @@ function rf(n, e, t) {
       return On(n, i);
   }
   if (!r.parent.inlineContent) {
-    let i = e < 0 ? r : s, l = o instanceof yt ? ue.near(i, e) : ue.findFrom(i, e);
+    let i = e < 0 ? r : s, l = o instanceof vt ? ue.near(i, e) : ue.findFrom(i, e);
     return l ? On(n, l) : !1;
   }
   return !1;
@@ -8545,24 +8545,24 @@ function Hw(n) {
 }
 function Vw(n, e) {
   let t = e.keyCode, o = Hw(e);
-  if (t == 8 || Ct && t == 72 && o == "c")
+  if (t == 8 || Mt && t == 72 && o == "c")
     return sf(n, -1) || zo(n, -1);
-  if (t == 46 && !e.shiftKey || Ct && t == 68 && o == "c")
+  if (t == 46 && !e.shiftKey || Mt && t == 68 && o == "c")
     return sf(n, 1) || zo(n, 1);
   if (t == 13 || t == 27)
     return !0;
-  if (t == 37 || Ct && t == 66 && o == "c") {
+  if (t == 37 || Mt && t == 66 && o == "c") {
     let r = t == 37 ? of(n, n.state.selection.from) == "ltr" ? -1 : 1 : -1;
     return nf(n, r, o) || zo(n, r);
-  } else if (t == 39 || Ct && t == 70 && o == "c") {
+  } else if (t == 39 || Mt && t == 70 && o == "c") {
     let r = t == 39 ? of(n, n.state.selection.from) == "ltr" ? 1 : -1 : 1;
     return nf(n, r, o) || zo(n, r);
   } else {
-    if (t == 38 || Ct && t == 80 && o == "c")
+    if (t == 38 || Mt && t == 80 && o == "c")
       return rf(n, -1, o) || zo(n, -1);
-    if (t == 40 || Ct && t == 78 && o == "c")
+    if (t == 40 || Mt && t == 78 && o == "c")
       return Fw(n) || rf(n, 1, o) || zo(n, 1);
-    if (o == (Ct ? "m" : "c") && (t == 66 || t == 73 || t == 89 || t == 90))
+    if (o == (Mt ? "m" : "c") && (t == 66 || t == 73 || t == 89 || t == 90))
       return !0;
   }
   return !1;
@@ -8757,17 +8757,17 @@ function Jw(n, e) {
   }
   return new G(r, s, i);
 }
-const dt = {}, ft = {}, Gw = { touchstart: !0, touchmove: !0 };
+const ft = {}, ht = {}, Gw = { touchstart: !0, touchmove: !0 };
 class Yw {
   constructor() {
     this.shiftKey = !1, this.mouseDown = null, this.lastKeyCode = null, this.lastKeyCodeTime = 0, this.lastClick = { time: 0, x: 0, y: 0, type: "", button: 0 }, this.lastSelectionOrigin = null, this.lastSelectionTime = 0, this.lastIOSEnter = 0, this.lastIOSEnterFallbackTimeout = -1, this.lastFocus = 0, this.lastTouch = 0, this.lastChromeDelete = 0, this.composing = !1, this.compositionNode = null, this.composingTimeout = -1, this.compositionNodes = [], this.compositionEndedAt = -2e8, this.compositionID = 1, this.badSafariComposition = !1, this.compositionPendingChanges = 0, this.domChangeCount = 0, this.eventHandlers = /* @__PURE__ */ Object.create(null), this.hideSelectionGuard = null;
   }
 }
 function Xw(n) {
-  for (let e in dt) {
-    let t = dt[e];
+  for (let e in ft) {
+    let t = ft[e];
     n.dom.addEventListener(e, n.input.eventHandlers[e] = (o) => {
-      Qw(n, o) && !Yc(n, o) && (n.editable || !(o.type in ft)) && t(n, o);
+      Qw(n, o) && !Yc(n, o) && (n.editable || !(o.type in ht)) && t(n, o);
     }, Gw[e] ? { passive: !0 } : void 0);
   }
   lt && n.dom.addEventListener("input", () => null), Ga(n);
@@ -8804,9 +8804,9 @@ function Qw(n, e) {
   return !0;
 }
 function ek(n, e) {
-  !Yc(n, e) && dt[e.type] && (n.editable || !(e.type in ft)) && dt[e.type](n, e);
+  !Yc(n, e) && ft[e.type] && (n.editable || !(e.type in ht)) && ft[e.type](n, e);
 }
-ft.keydown = (n, e) => {
+ht.keydown = (n, e) => {
   let t = e;
   if (n.input.shiftKey = t.keyCode == 16 || t.shiftKey, !Cm(n, t) && (n.input.lastKeyCode = t.keyCode, n.input.lastKeyCodeTime = Date.now(), !(mn && nt && t.keyCode == 13)))
     if (t.keyCode != 229 && n.domObserver.forceFlush(), nr && t.keyCode == 13 && !t.ctrlKey && !t.altKey && !t.metaKey) {
@@ -8816,12 +8816,12 @@ ft.keydown = (n, e) => {
       }, 200);
     } else n.someProp("handleKeyDown", (o) => o(n, t)) || Vw(n, t) ? t.preventDefault() : Hn(n, "key");
 };
-ft.keyup = (n, e) => {
+ht.keyup = (n, e) => {
   e.keyCode == 16 && (n.input.shiftKey = !1);
 };
-ft.keypress = (n, e) => {
+ht.keypress = (n, e) => {
   let t = e;
-  if (Cm(n, t) || !t.charCode || t.ctrlKey && !t.altKey || Ct && t.metaKey)
+  if (Cm(n, t) || !t.charCode || t.ctrlKey && !t.altKey || Mt && t.metaKey)
     return;
   if (n.someProp("handleKeyPress", (r) => r(n, t))) {
     t.preventDefault();
@@ -8906,8 +8906,8 @@ function lk(n, e, t) {
 function Zc(n) {
   return ri(n);
 }
-const Sm = Ct ? "metaKey" : "ctrlKey";
-dt.mousedown = (n, e) => {
+const Sm = Mt ? "metaKey" : "ctrlKey";
+ft.mousedown = (n, e) => {
   let t = e;
   n.input.shiftKey = t.shiftKey;
   let o = Zc(n), r = Date.now(), s = "singleClick";
@@ -8961,18 +8961,18 @@ class ak {
     !this.allowDefault && (Math.abs(this.event.x - e.clientX) > 4 || Math.abs(this.event.y - e.clientY) > 4) && (this.allowDefault = !0);
   }
 }
-dt.touchstart = (n) => {
+ft.touchstart = (n) => {
   n.input.lastTouch = Date.now(), Zc(n), Hn(n, "pointer");
 };
-dt.touchmove = (n) => {
+ft.touchmove = (n) => {
   n.input.lastTouch = Date.now(), Hn(n, "pointer");
 };
-dt.contextmenu = (n) => Zc(n);
+ft.contextmenu = (n) => Zc(n);
 function Cm(n, e) {
   return n.composing ? !0 : lt && Math.abs(e.timeStamp - n.input.compositionEndedAt) < 500 ? (n.input.compositionEndedAt = -2e8, !0) : !1;
 }
 const ck = mn ? 5e3 : -1;
-ft.compositionstart = ft.compositionupdate = (n) => {
+ht.compositionstart = ht.compositionupdate = (n) => {
   if (!n.composing) {
     n.domObserver.flush();
     let { state: e } = n, t = e.selection.$to;
@@ -9003,7 +9003,7 @@ function uk(n) {
   let o = e.childNodes[t];
   return o.nodeType == 1 && o.contentEditable == "false";
 }
-ft.compositionend = (n, e) => {
+ht.compositionend = (n, e) => {
   n.composing && (n.input.composing = !1, n.input.compositionEndedAt = e.timeStamp, n.input.compositionPendingChanges = n.domObserver.pendingRecords().length ? n.input.compositionID : 0, n.input.compositionNode = null, n.input.badSafariComposition ? n.domObserver.forceFlush() : n.input.compositionPendingChanges && Promise.resolve().then(() => n.domObserver.flush()), n.input.compositionID++, Mm(n, 20));
 };
 function Mm(n, e) {
@@ -9055,8 +9055,8 @@ function hk(n, e) {
     t.parentNode && t.parentNode.removeChild(t), n.focus();
   }, 50);
 }
-const ts = mt && Kn < 15 || nr && aw < 604;
-dt.copy = ft.cut = (n, e) => {
+const ts = gt && Kn < 15 || nr && aw < 604;
+ft.copy = ht.cut = (n, e) => {
   let t = e, o = n.state.selection, r = t.type == "cut";
   if (o.empty)
     return;
@@ -9092,7 +9092,7 @@ function Em(n) {
   let t = n.getData("text/uri-list");
   return t ? t.replace(/\r?\n/g, " ") : "";
 }
-ft.paste = (n, e) => {
+ht.paste = (n, e) => {
   let t = e;
   if (n.composing && !mn)
     return;
@@ -9104,12 +9104,12 @@ class Am {
     this.slice = e, this.move = t, this.node = o;
   }
 }
-const gk = Ct ? "altKey" : "ctrlKey";
+const gk = Mt ? "altKey" : "ctrlKey";
 function Im(n, e) {
   let t = n.someProp("dragCopies", (o) => !o(e));
   return t ?? !e[gk];
 }
-dt.dragstart = (n, e) => {
+ft.dragstart = (n, e) => {
   let t = e, o = n.input.mouseDown;
   if (o && o.done(), !t.dataTransfer)
     return;
@@ -9125,14 +9125,14 @@ dt.dragstart = (n, e) => {
   let l = (i || n.state.selection).content(), { dom: a, text: c, slice: u } = Gc(n, l);
   (!t.dataTransfer.files.length || !nt || em > 120) && t.dataTransfer.clearData(), t.dataTransfer.setData(ts ? "Text" : "text/html", a.innerHTML), t.dataTransfer.effectAllowed = "copyMove", ts || t.dataTransfer.setData("text/plain", c), n.dragging = new Am(u, Im(n, t), i);
 };
-dt.dragend = (n) => {
+ft.dragend = (n) => {
   let e = n.dragging;
   window.setTimeout(() => {
     n.dragging == e && (n.dragging = null);
   }, 50);
 };
-ft.dragover = ft.dragenter = (n, e) => e.preventDefault();
-ft.drop = (n, e) => {
+ht.dragover = ht.dragenter = (n, e) => e.preventDefault();
+ht.drop = (n, e) => {
   try {
     yk(n, e, n.dragging);
   } finally {
@@ -9176,16 +9176,16 @@ function yk(n, e, t) {
   }
   n.focus(), n.dispatch(a.setMeta("uiEvent", "drop"));
 }
-dt.focus = (n) => {
+ft.focus = (n) => {
   n.input.lastFocus = Date.now(), n.focused || (n.domObserver.stop(), n.dom.classList.add("ProseMirror-focused"), n.domObserver.start(), n.focused = !0, setTimeout(() => {
     n.docView && n.hasFocus() && !n.domObserver.currentSelection.eq(n.domSelectionRange()) && kn(n);
   }, 20));
 };
-dt.blur = (n, e) => {
+ft.blur = (n, e) => {
   let t = e;
   n.focused && (n.domObserver.stop(), n.dom.classList.remove("ProseMirror-focused"), n.domObserver.start(), t.relatedTarget && n.dom.contains(t.relatedTarget) && n.domObserver.currentSelection.clear(), n.focused = !1);
 };
-dt.beforeinput = (n, e) => {
+ft.beforeinput = (n, e) => {
   if (nt && mn && e.inputType == "deleteContentBackward") {
     n.domObserver.flushSoon();
     let { domChangeCount: o } = n.input;
@@ -9197,8 +9197,8 @@ dt.beforeinput = (n, e) => {
     }, 50);
   }
 };
-for (let n in ft)
-  dt[n] = ft[n];
+for (let n in ht)
+  ft[n] = ht[n];
 function rs(n, e) {
   if (n == e)
     return !0;
@@ -9216,7 +9216,7 @@ class si {
   }
   map(e, t, o, r) {
     let { pos: s, deleted: i } = e.mapResult(t.from + r, this.side < 0 ? -1 : 1);
-    return i ? null : new ut(s - o, s - o, this);
+    return i ? null : new dt(s - o, s - o, this);
   }
   valid() {
     return !0;
@@ -9234,7 +9234,7 @@ class Jn {
   }
   map(e, t, o, r) {
     let s = e.map(t.from + r, this.spec.inclusiveStart ? -1 : 1) - o, i = e.map(t.to + r, this.spec.inclusiveEnd ? 1 : -1) - o;
-    return s >= i ? null : new ut(s, i, this);
+    return s >= i ? null : new dt(s, i, this);
   }
   valid(e, t) {
     return t.from < t.to;
@@ -9257,7 +9257,7 @@ class Qc {
     if (s.deleted)
       return null;
     let i = e.mapResult(t.to + r, -1);
-    return i.deleted || i.pos <= s.pos ? null : new ut(s.pos - o, i.pos - o, this);
+    return i.deleted || i.pos <= s.pos ? null : new dt(s.pos - o, i.pos - o, this);
   }
   valid(e, t) {
     let { index: o, offset: r } = e.content.findIndex(t.from), s;
@@ -9269,7 +9269,7 @@ class Qc {
   destroy() {
   }
 }
-class ut {
+class dt {
   /**
   @internal
   */
@@ -9280,7 +9280,7 @@ class ut {
   @internal
   */
   copy(e, t) {
-    return new ut(e, t, this.type);
+    return new dt(e, t, this.type);
   }
   /**
   @internal
@@ -9303,14 +9303,14 @@ class ut {
   widget's current document position.
   */
   static widget(e, t, o) {
-    return new ut(e, e, new si(t, o));
+    return new dt(e, e, new si(t, o));
   }
   /**
   Creates an inline decoration, which adds the given attributes to
   each inline node between `from` and `to`.
   */
   static inline(e, t, o, r) {
-    return new ut(e, t, new Jn(o, r));
+    return new dt(e, t, new Jn(o, r));
   }
   /**
   Creates a node decoration. `from` and `to` should point precisely
@@ -9318,7 +9318,7 @@ class ut {
   node, will receive the given attributes.
   */
   static node(e, t, o, r) {
-    return new ut(e, t, new Qc(o, r));
+    return new dt(e, t, new Qc(o, r));
   }
   /**
   The spec provided when creating this decoration. Can be useful
@@ -9628,7 +9628,7 @@ function Om(n, e) {
   let t = [];
   for (let o = 0; o < n.length; o++) {
     let r = n[o];
-    t.push(new ut(r.from + e, r.to + e, r.type));
+    t.push(new dt(r.from + e, r.to + e, r.type));
   }
   return t;
 }
@@ -9714,7 +9714,7 @@ const kk = {
   attributes: !0,
   attributeOldValue: !0,
   subtree: !0
-}, bk = mt && Kn <= 11;
+}, bk = gt && Kn <= 11;
 class xk {
   constructor() {
     this.anchorNode = null, this.anchorOffset = 0, this.focusNode = null, this.focusOffset = 0;
@@ -9734,7 +9734,7 @@ class Sk {
     this.view = e, this.handleDOMChange = t, this.queue = [], this.flushingSoon = -1, this.observer = null, this.currentSelection = new xk(), this.onCharData = null, this.suppressingSelectionUpdates = !1, this.lastChangedTextNode = null, this.observer = window.MutationObserver && new window.MutationObserver((o) => {
       for (let r = 0; r < o.length; r++)
         this.queue.push(o[r]);
-      mt && Kn <= 11 && o.some((r) => r.type == "childList" && r.removedNodes.length || r.type == "characterData" && r.oldValue.length > r.target.nodeValue.length) ? this.flushSoon() : lt && e.composing && o.some((r) => r.type == "childList" && r.target.nodeName == "TR") ? (e.input.badSafariComposition = !0, this.flushSoon()) : this.flush();
+      gt && Kn <= 11 && o.some((r) => r.type == "childList" && r.removedNodes.length || r.type == "characterData" && r.oldValue.length > r.target.nodeValue.length) ? this.flushSoon() : lt && e.composing && o.some((r) => r.type == "childList" && r.target.nodeName == "TR") ? (e.input.badSafariComposition = !0, this.flushSoon()) : this.flush();
     }), bk && (this.onCharData = (o) => {
       this.queue.push({ target: o.target, type: "characterData", oldValue: o.prevValue }), this.flushSoon();
     }), this.onSelectionChange = this.onSelectionChange.bind(this);
@@ -9775,7 +9775,7 @@ class Sk {
     if (tf(this.view)) {
       if (this.suppressingSelectionUpdates)
         return kn(this.view);
-      if (mt && Kn <= 11 && !this.view.state.selection.empty) {
+      if (gt && Kn <= 11 && !this.view.state.selection.empty) {
         let e = this.view.domSelectionRange();
         if (e.focusNode && Co(e.focusNode, e.focusOffset, e.anchorNode, e.anchorOffset))
           return this.flushSoon();
@@ -9859,7 +9859,7 @@ class Sk {
       if (o.contentDOM && o.contentDOM != o.dom && !o.contentDOM.contains(e.target))
         return { from: o.posBefore, to: o.posAfter };
       let r = e.previousSibling, s = e.nextSibling;
-      if (mt && Kn <= 11 && e.addedNodes.length)
+      if (gt && Kn <= 11 && e.addedNodes.length)
         for (let u = 0; u < e.addedNodes.length; u++) {
           let { previousSibling: d, nextSibling: f } = e.addedNodes[u];
           (!d || Array.prototype.indexOf.call(e.addedNodes, d) < 0) && (r = d), (!f || Array.prototype.indexOf.call(e.addedNodes, f) < 0) && (s = f);
@@ -10008,7 +10008,7 @@ function _k(n, e, t, o, r) {
       }
       return;
     }
-  n.state.selection.from < n.state.selection.to && p.start == p.endB && n.state.selection instanceof ae && (p.start > n.state.selection.from && p.start <= n.state.selection.from + 2 && n.state.selection.from >= c.from ? p.start = n.state.selection.from : p.endA < n.state.selection.to && p.endA >= n.state.selection.to - 2 && n.state.selection.to <= c.to && (p.endB += n.state.selection.to - p.endA, p.endA = n.state.selection.to)), mt && Kn <= 11 && p.endB == p.start + 1 && p.endA == p.start && p.start > c.from && c.doc.textBetween(p.start - c.from - 1, p.start - c.from + 1) == "  " && (p.start--, p.endA--, p.endB--);
+  n.state.selection.from < n.state.selection.to && p.start == p.endB && n.state.selection instanceof ae && (p.start > n.state.selection.from && p.start <= n.state.selection.from + 2 && n.state.selection.from >= c.from ? p.start = n.state.selection.from : p.endA < n.state.selection.to && p.endA >= n.state.selection.to - 2 && n.state.selection.to <= c.to && (p.endB += n.state.selection.to - p.endA, p.endA = n.state.selection.to)), gt && Kn <= 11 && p.endB == p.start + 1 && p.endA == p.start && p.start > c.from && c.doc.textBetween(p.start - c.from - 1, p.start - c.from + 1) == "  " && (p.start--, p.endA--, p.endB--);
   let m = c.doc.resolveNoCache(p.start - c.from), g = c.doc.resolveNoCache(p.endB - c.from), y = u.resolve(p.start), k = m.sameParent(g) && m.parent.inlineContent && y.end() >= p.endA;
   if ((nr && n.input.lastIOSEnter > Date.now() - 225 && (!k || r.some((S) => S.nodeName == "DIV" || S.nodeName == "P")) || !k && m.pos < c.doc.content.size && (!m.sameParent(g) || !m.parent.inlineContent) && m.pos < g.pos && !/\S/.test(c.doc.textBetween(m.pos, g.pos, "", ""))) && n.someProp("handleKeyDown", (S) => S(n, so(13, "Enter")))) {
     n.input.lastIOSEnter = 0;
@@ -10027,13 +10027,13 @@ function _k(n, e, t, o, r) {
     let T = S || n.state.tr.replace(w, v, c.doc.slice(p.start - c.from, p.endB - c.from));
     if (c.sel) {
       let E = pf(n, T.doc, c.sel);
-      E && !(nt && n.composing && E.empty && (p.start != p.endB || n.input.lastChromeDelete < Date.now() - 100) && (E.head == w || E.head == T.mapping.map(v) - 1) || mt && E.empty && E.head == w) && T.setSelection(E);
+      E && !(nt && n.composing && E.empty && (p.start != p.endB || n.input.lastChromeDelete < Date.now() - 100) && (E.head == w || E.head == T.mapping.map(v) - 1) || gt && E.empty && E.head == w) && T.setSelection(E);
     }
     return s && T.setMeta("composition", s), T.scrollIntoView();
   }, M;
   if (k)
     if (m.pos == g.pos) {
-      mt && Kn <= 11 && m.parentOffset == 0 && (n.domObserver.suppressSelectionUpdates(), setTimeout(() => kn(n), 20));
+      gt && Kn <= 11 && m.parentOffset == 0 && (n.domObserver.suppressSelectionUpdates(), setTimeout(() => kn(n), 20));
       let S = b(n.state.tr.delete(w, v)), T = u.resolve(p.start).marksAcross(u.resolve(p.endA));
       T && S.ensureMarks(T), n.dispatch(S);
     } else if (
@@ -10200,7 +10200,7 @@ class Nm {
     let f = u == "preserve" && i && this.dom.style.overflowAnchor == null && dw(this);
     if (i) {
       this.domObserver.stop();
-      let h = d && (mt || nt) && !this.composing && !r.selection.empty && !e.selection.empty && Pk(r.selection, e.selection);
+      let h = d && (gt || nt) && !this.composing && !r.selection.empty && !e.selection.empty && Pk(r.selection, e.selection);
       if (d) {
         let p = nt ? this.trackWrites = this.domSelectionRange().focusNode : null;
         this.composing && (this.input.compositionNode = dk(this)), (s || !this.docView.update(e.doc, c, a, this)) && (this.docView.updateOuterDeco(c), this.docView.destroy(), this.docView = Gd(e.doc, c, a, this.dom, this)), p && (!this.trackWrites || !this.dom.contains(this.trackWrites)) && (h = !0);
@@ -10275,7 +10275,7 @@ class Nm {
   Query whether the view has focus.
   */
   hasFocus() {
-    if (mt) {
+    if (gt) {
       let e = this.root.activeElement;
       if (e == this.dom)
         return !0;
@@ -10465,12 +10465,12 @@ function gf(n) {
     if (typeof t == "function" && (t = t(n.state)), t)
       for (let o in t)
         o == "class" ? e.class += " " + t[o] : o == "style" ? e.style = (e.style ? e.style + ";" : "") + t[o] : !e[o] && o != "contenteditable" && o != "nodeName" && (e[o] = String(t[o]));
-  }), e.translate || (e.translate = "no"), [ut.node(0, n.state.doc.content.size, e)];
+  }), e.translate || (e.translate = "no"), [dt.node(0, n.state.doc.content.size, e)];
 }
 function yf(n) {
   if (n.markCursor) {
     let e = document.createElement("img");
-    e.className = "ProseMirror-separator", e.setAttribute("mark-placeholder", "true"), e.setAttribute("alt", ""), n.cursorWrapper = { dom: e, deco: ut.widget(n.state.selection.from, e, { raw: !0, marks: n.markCursor }) };
+    e.className = "ProseMirror-separator", e.setAttribute("mark-placeholder", "true"), e.setAttribute("alt", ""), n.cursorWrapper = { dom: e, deco: dt.widget(n.state.selection.from, e, { raw: !0, marks: n.markCursor }) };
   } else
     n.cursorWrapper = null;
 }
@@ -11225,7 +11225,7 @@ var Eb = (n, e) => ({ tr: t, state: o, dispatch: r }) => {
   }), a;
 }, Ab = () => ({ tr: n, dispatch: e }) => (e && n.scrollIntoView(), !0), Ib = () => ({ tr: n, dispatch: e }) => {
   if (e) {
-    const t = new yt(n.doc);
+    const t = new vt(n.doc);
     n.setSelection(t);
   }
   return !0;
@@ -14547,11 +14547,11 @@ function hx(n, e) {
     e[o].indexOf(n) >= 0 && (t[o] = !0);
   return t;
 }
-function pt(n = null) {
+function mt(n = null) {
   this.j = {}, this.jr = [], this.jd = null, this.t = n;
 }
-pt.groups = {};
-pt.prototype = {
+mt.groups = {};
+mt.prototype = {
   accepts() {
     return !!this.t;
   },
@@ -14604,9 +14604,9 @@ pt.prototype = {
    * @returns {State<T>} taken after the given input
    */
   tr(n, e, t, o) {
-    o = o || pt.groups;
+    o = o || mt.groups;
     let r;
-    return e && e.j ? r = e : (r = new pt(e), t && o && co(e, t, o)), this.jr.push([n, r]), r;
+    return e && e.j ? r = e : (r = new mt(e), t && o && co(e, t, o)), this.jr.push([n, r]), r;
   },
   /**
    * Short for "take transitions", will take as many sequential transitions as
@@ -14654,13 +14654,13 @@ pt.prototype = {
    * @returns {State<T>} taken after the given input
    */
   tt(n, e, t, o) {
-    o = o || pt.groups;
+    o = o || mt.groups;
     const r = this;
     if (e && e.j)
       return r.j[n] = e, e;
     const s = e;
     let i, l = r.go(n);
-    if (l ? (i = new pt(), Object.assign(i.j, l.j), i.jr.push.apply(i.jr, l.jr), i.jd = l.jd, i.t = l.t) : i = new pt(), s) {
+    if (l ? (i = new mt(), Object.assign(i.j, l.j), i.jr.push.apply(i.jr, l.jr), i.jd = l.jd, i.t = l.t) : i = new mt(), s) {
       if (o)
         if (i.t && typeof i.t == "string") {
           const a = Object.assign(hx(i.t, o), t);
@@ -14671,7 +14671,7 @@ pt.prototype = {
     return r.j[n] = i, i;
   }
 };
-const ce = (n, e, t, o, r) => n.ta(e, t, o, r), Ie = (n, e, t, o, r) => n.tr(e, t, o, r), Nf = (n, e, t, o, r) => n.ts(e, t, o, r), H = (n, e, t, o, r) => n.tt(e, t, o, r), cn = "WORD", nc = "UWORD", bg = "ASCIINUMERICAL", xg = "ALPHANUMERICAL", as = "LOCALHOST", oc = "TLD", rc = "UTLD", zs = "SCHEME", Wo = "SLASH_SCHEME", fu = "NUM", sc = "WS", hu = "NL", zr = "OPENBRACE", Fr = "CLOSEBRACE", fi = "OPENBRACKET", hi = "CLOSEBRACKET", pi = "OPENPAREN", mi = "CLOSEPAREN", gi = "OPENANGLEBRACKET", yi = "CLOSEANGLEBRACKET", vi = "FULLWIDTHLEFTPAREN", wi = "FULLWIDTHRIGHTPAREN", ki = "LEFTCORNERBRACKET", bi = "RIGHTCORNERBRACKET", xi = "LEFTWHITECORNERBRACKET", Si = "RIGHTWHITECORNERBRACKET", Ci = "FULLWIDTHLESSTHAN", Mi = "FULLWIDTHGREATERTHAN", Ti = "AMPERSAND", Ei = "APOSTROPHE", Ai = "ASTERISK", _n = "AT", Ii = "BACKSLASH", Oi = "BACKTICK", _i = "CARET", Rn = "COLON", pu = "COMMA", Di = "DOLLAR", Kt = "DOT", Ni = "EQUALS", mu = "EXCLAMATION", St = "HYPHEN", Hr = "PERCENT", Ri = "PIPE", Pi = "PLUS", Li = "POUND", Vr = "QUERY", gu = "QUOTE", Sg = "FULLWIDTHMIDDLEDOT", yu = "SEMI", qt = "SLASH", Wr = "TILDE", $i = "UNDERSCORE", Cg = "EMOJI", Bi = "SYM";
+const ce = (n, e, t, o, r) => n.ta(e, t, o, r), Ie = (n, e, t, o, r) => n.tr(e, t, o, r), Nf = (n, e, t, o, r) => n.ts(e, t, o, r), H = (n, e, t, o, r) => n.tt(e, t, o, r), cn = "WORD", nc = "UWORD", bg = "ASCIINUMERICAL", xg = "ALPHANUMERICAL", as = "LOCALHOST", oc = "TLD", rc = "UTLD", zs = "SCHEME", Wo = "SLASH_SCHEME", fu = "NUM", sc = "WS", hu = "NL", zr = "OPENBRACE", Fr = "CLOSEBRACE", fi = "OPENBRACKET", hi = "CLOSEBRACKET", pi = "OPENPAREN", mi = "CLOSEPAREN", gi = "OPENANGLEBRACKET", yi = "CLOSEANGLEBRACKET", vi = "FULLWIDTHLEFTPAREN", wi = "FULLWIDTHRIGHTPAREN", ki = "LEFTCORNERBRACKET", bi = "RIGHTCORNERBRACKET", xi = "LEFTWHITECORNERBRACKET", Si = "RIGHTWHITECORNERBRACKET", Ci = "FULLWIDTHLESSTHAN", Mi = "FULLWIDTHGREATERTHAN", Ti = "AMPERSAND", Ei = "APOSTROPHE", Ai = "ASTERISK", _n = "AT", Ii = "BACKSLASH", Oi = "BACKTICK", _i = "CARET", Rn = "COLON", pu = "COMMA", Di = "DOLLAR", Kt = "DOT", Ni = "EQUALS", mu = "EXCLAMATION", Ct = "HYPHEN", Hr = "PERCENT", Ri = "PIPE", Pi = "PLUS", Li = "POUND", Vr = "QUERY", gu = "QUOTE", Sg = "FULLWIDTHMIDDLEDOT", yu = "SEMI", qt = "SLASH", Wr = "TILDE", $i = "UNDERSCORE", Cg = "EMOJI", Bi = "SYM";
 var Mg = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ALPHANUMERICAL: xg,
@@ -14699,7 +14699,7 @@ var Mg = /* @__PURE__ */ Object.freeze({
   FULLWIDTHLESSTHAN: Ci,
   FULLWIDTHMIDDLEDOT: Sg,
   FULLWIDTHRIGHTPAREN: wi,
-  HYPHEN: St,
+  HYPHEN: Ct,
   LEFTCORNERBRACKET: ki,
   LEFTWHITECORNERBRACKET: xi,
   LOCALHOST: as,
@@ -14735,9 +14735,9 @@ const ln = /[a-z]/, xr = new RegExp("\\p{L}", "u"), sa = new RegExp("\\p{Emoji}"
 let Is = null, Os = null;
 function gx(n = []) {
   const e = {};
-  pt.groups = e;
-  const t = new pt();
-  Is == null && (Is = Pf(ax)), Os == null && (Os = Pf(cx)), H(t, "'", Ei), H(t, "{", zr), H(t, "}", Fr), H(t, "[", fi), H(t, "]", hi), H(t, "(", pi), H(t, ")", mi), H(t, "<", gi), H(t, ">", yi), H(t, "（", vi), H(t, "）", wi), H(t, "「", ki), H(t, "」", bi), H(t, "『", xi), H(t, "』", Si), H(t, "＜", Ci), H(t, "＞", Mi), H(t, "&", Ti), H(t, "*", Ai), H(t, "@", _n), H(t, "`", Oi), H(t, "^", _i), H(t, ":", Rn), H(t, ",", pu), H(t, "$", Di), H(t, ".", Kt), H(t, "=", Ni), H(t, "!", mu), H(t, "-", St), H(t, "%", Hr), H(t, "|", Ri), H(t, "+", Pi), H(t, "#", Li), H(t, "?", Vr), H(t, '"', gu), H(t, "/", qt), H(t, ";", yu), H(t, "~", Wr), H(t, "_", $i), H(t, "\\", Ii), H(t, "・", Sg);
+  mt.groups = e;
+  const t = new mt();
+  Is == null && (Is = Pf(ax)), Os == null && (Os = Pf(cx)), H(t, "'", Ei), H(t, "{", zr), H(t, "}", Fr), H(t, "[", fi), H(t, "]", hi), H(t, "(", pi), H(t, ")", mi), H(t, "<", gi), H(t, ">", yi), H(t, "（", vi), H(t, "）", wi), H(t, "「", ki), H(t, "」", bi), H(t, "『", xi), H(t, "』", Si), H(t, "＜", Ci), H(t, "＞", Mi), H(t, "&", Ti), H(t, "*", Ai), H(t, "@", _n), H(t, "`", Oi), H(t, "^", _i), H(t, ":", Rn), H(t, ",", pu), H(t, "$", Di), H(t, ".", Kt), H(t, "=", Ni), H(t, "!", mu), H(t, "-", Ct), H(t, "%", Hr), H(t, "|", Ri), H(t, "+", Pi), H(t, "#", Li), H(t, "?", Vr), H(t, '"', gu), H(t, "/", qt), H(t, ";", yu), H(t, "~", Wr), H(t, "_", $i), H(t, "\\", Ii), H(t, "・", Sg);
   const o = Ie(t, an, fu, {
     [Za]: !0
   });
@@ -14796,7 +14796,7 @@ function gx(n = []) {
   }
   return Nf(t, "localhost", as, {
     ascii: !0
-  }), t.jd = new pt(Bi), {
+  }), t.jd = new mt(Bi), {
     start: t,
     tokens: Object.assign({
       groups: e
@@ -14837,9 +14837,9 @@ function En(n, e, t, o, r) {
   const i = e.length;
   for (let l = 0; l < i - 1; l++) {
     const a = e[l];
-    n.j[a] ? s = n.j[a] : (s = new pt(o), s.jr = r.slice(), n.j[a] = s), n = s;
+    n.j[a] ? s = n.j[a] : (s = new mt(o), s.jr = r.slice(), n.j[a] = s), n = s;
   }
-  return s = new pt(t), s.jr = r.slice(), n.j[e[i - 1]] = s, s;
+  return s = new mt(t), s.jr = r.slice(), n.j[e[i - 1]] = s, s;
 }
 function Pf(n) {
   const e = [], t = [];
@@ -15089,38 +15089,38 @@ const $f = gl("email", {
     const n = this.tk;
     return n.length >= 2 && n[0].t !== as && n[1].t === Rn;
   }
-}), xt = (n) => new pt(n);
+}), St = (n) => new mt(n);
 function wx({
   groups: n
 }) {
-  const e = n.domain.concat([Ti, Ai, _n, Ii, Oi, _i, Di, Ni, St, fu, Hr, Ri, Pi, Li, qt, Bi, Wr, $i]), t = [Ei, Rn, pu, Kt, mu, Hr, Vr, gu, yu, gi, yi, zr, Fr, hi, fi, pi, mi, vi, wi, ki, bi, xi, Si, Ci, Mi], o = [Ti, Ei, Ai, Ii, Oi, _i, Di, Ni, St, zr, Fr, Hr, Ri, Pi, Li, Vr, qt, Bi, Wr, $i], r = xt(), s = H(r, Wr);
+  const e = n.domain.concat([Ti, Ai, _n, Ii, Oi, _i, Di, Ni, Ct, fu, Hr, Ri, Pi, Li, qt, Bi, Wr, $i]), t = [Ei, Rn, pu, Kt, mu, Hr, Vr, gu, yu, gi, yi, zr, Fr, hi, fi, pi, mi, vi, wi, ki, bi, xi, Si, Ci, Mi], o = [Ti, Ei, Ai, Ii, Oi, _i, Di, Ni, Ct, zr, Fr, Hr, Ri, Pi, Li, Vr, qt, Bi, Wr, $i], r = St(), s = H(r, Wr);
   ce(s, o, s), ce(s, n.domain, s);
-  const i = xt(), l = xt(), a = xt();
+  const i = St(), l = St(), a = St();
   ce(r, n.domain, i), ce(r, n.scheme, l), ce(r, n.slashscheme, a), ce(i, o, s), ce(i, n.domain, i);
   const c = H(i, _n);
   H(s, _n, c), H(l, _n, c), H(a, _n, c);
   const u = H(s, Kt);
   ce(u, o, s), ce(u, n.domain, s);
-  const d = xt();
+  const d = St();
   ce(c, n.domain, d), ce(d, n.domain, d);
   const f = H(d, Kt);
   ce(f, n.domain, d);
-  const h = xt($f);
+  const h = St($f);
   ce(f, n.tld, h), ce(f, n.utld, h), H(c, as, h);
-  const p = H(d, St);
-  H(p, St, p), ce(p, n.domain, d), ce(h, n.domain, d), H(h, Kt, f), H(h, St, p);
+  const p = H(d, Ct);
+  H(p, Ct, p), ce(p, n.domain, d), ce(h, n.domain, d), H(h, Kt, f), H(h, Ct, p);
   const m = H(h, Rn);
   ce(m, n.numeric, $f);
-  const g = H(i, St), y = H(i, Kt);
-  H(g, St, g), ce(g, n.domain, i), ce(y, o, s), ce(y, n.domain, i);
-  const k = xt(_s);
-  ce(y, n.tld, k), ce(y, n.utld, k), ce(k, n.domain, i), ce(k, o, s), H(k, Kt, y), H(k, St, g), H(k, _n, c);
-  const w = H(k, Rn), v = xt(_s);
+  const g = H(i, Ct), y = H(i, Kt);
+  H(g, Ct, g), ce(g, n.domain, i), ce(y, o, s), ce(y, n.domain, i);
+  const k = St(_s);
+  ce(y, n.tld, k), ce(y, n.utld, k), ce(k, n.domain, i), ce(k, o, s), H(k, Kt, y), H(k, Ct, g), H(k, _n, c);
+  const w = H(k, Rn), v = St(_s);
   ce(w, n.numeric, v);
-  const b = xt(_s), M = xt();
+  const b = St(_s), M = St();
   ce(b, e, b), ce(b, t, M), ce(M, e, b), ce(M, t, M), H(k, qt, b), H(v, qt, b);
   const S = H(l, Rn), T = H(a, Rn), E = H(T, qt), _ = H(E, qt);
-  ce(l, n.domain, i), H(l, Kt, y), H(l, St, g), ce(a, n.domain, i), H(a, Kt, y), H(a, St, g), ce(S, n.domain, b), H(S, qt, b), H(S, Vr, b), ce(_, n.domain, b), ce(_, e, b), H(_, qt, b);
+  ce(l, n.domain, i), H(l, Kt, y), H(l, Ct, g), ce(a, n.domain, i), H(a, Kt, y), H(a, Ct, g), ce(S, n.domain, b), H(S, qt, b), H(S, Vr, b), ce(_, n.domain, b), ce(_, e, b), H(_, qt, b);
   const D = [
     [zr, Fr],
     // {}
@@ -15142,9 +15142,9 @@ function wx({
   for (let N = 0; N < D.length; N++) {
     const [R, W] = D[N], V = H(b, R);
     H(M, R, V), H(V, W, b);
-    const te = xt(_s);
+    const te = St(_s);
     ce(V, e, te);
-    const J = xt();
+    const J = St();
     ce(V, t), ce(te, e, te), ce(te, t, J), ce(J, e, te), ce(J, t, J), H(te, W, b), H(J, W, b);
   }
   return H(r, as, k), H(r, hu, vx), {
@@ -15184,7 +15184,7 @@ const bx = typeof console < "u" && console && console.warn || (() => {
   initialized: !1
 };
 function Sx() {
-  return pt.groups = {}, xe.scanner = null, xe.parser = null, xe.tokenQueue = [], xe.pluginQueue = [], xe.customSchemes = [], xe.initialized = !1, xe;
+  return mt.groups = {}, xe.scanner = null, xe.parser = null, xe.tokenQueue = [], xe.pluginQueue = [], xe.customSchemes = [], xe.initialized = !1, xe;
 }
 function zf(n, e = !1) {
   if (xe.initialized && bx(`linkifyjs: already initialized - will not register custom scheme "${n}" ${xx}`), !/^[0-9a-z]+(-[0-9a-z]+)*$/.test(n))
@@ -16078,7 +16078,7 @@ function Jx(n) {
   if (!(n.selection instanceof Oe))
     return null;
   let e = document.createElement("div");
-  return e.className = "ProseMirror-gapcursor", Ee.create(n.doc, [ut.widget(n.selection.head, e, { key: "gapcursor" })]);
+  return e.className = "ProseMirror-gapcursor", Ee.create(n.doc, [dt.widget(n.selection.head, e, { key: "gapcursor" })]);
 }
 var zi = 200, We = function() {
 };
@@ -16531,7 +16531,7 @@ Me.create({
               if (l += 1, this.options.mode === "deepest" && i - l > 0 || this.options.mode === "shallowest" && l > 1)
                 return this.options.mode === "deepest";
               s.push(
-                ut.node(c, c + a.nodeSize, {
+                dt.node(c, c + a.nodeSize, {
                   class: this.options.className
                 })
               );
@@ -16592,7 +16592,7 @@ Me.create({
               if ((c || !this.options.showOnlyCurrent) && u) {
                 const d = [this.options.emptyNodeClass];
                 i && d.push(this.options.emptyEditorClass);
-                const f = ut.node(a, a + l.nodeSize, {
+                const f = dt.node(a, a + l.nodeSize, {
                   class: d.join(" "),
                   [n]: typeof this.options.placeholder == "function" ? this.options.placeholder({
                     editor: this.editor,
@@ -16626,7 +16626,7 @@ Me.create({
         props: {
           decorations(t) {
             return t.selection.empty || n.isFocused || !n.isEditable || Yb(t.selection) || n.view.dragging ? null : Ee.create(t.doc, [
-              ut.inline(t.selection.from, t.selection.to, {
+              dt.inline(t.selection.from, t.selection.to, {
                 class: e.className
               })
             ]);
@@ -16730,7 +16730,7 @@ function us(n, e, t) {
   const r = e.block.size ?? [100, 100], s = [t[0] - r[0] / 2, t[1] - r[1] / 2];
   bn.snapPosition(n, s);
   const [i, l] = s, a = e.block.rank ?? Yh.genNext(n), c = Zi(n);
-  "synced" in e || He(n, c, Tt, {
+  "synced" in e || He(n, c, Et, {
     id: crypto.randomUUID()
   });
   const u = Object.assign({}, e.block, {
@@ -16991,14 +16991,14 @@ function lS(n) {
     for (const f of ey(n, d))
       t.add(f);
   e = [...t];
-  const { componentsById: o } = cr(n), r = new Map([...o].filter(([, d]) => d.sync === "document")), s = Tt._getComponentId(n), i = /* @__PURE__ */ new Set();
+  const { componentsById: o } = cr(n), r = new Map([...o].filter(([, d]) => d.sync === "document")), s = Et._getComponentId(n), i = /* @__PURE__ */ new Set();
   for (const d of e)
-    Fe(n, d, Tt) && i.add(Tt.read(n, d).id);
+    Fe(n, d, Et) && i.add(Et.read(n, d).id);
   const l = new Set(e), a = [], c = Ln.zero();
   let u = !1;
   for (const d of e) {
     const f = {};
-    Fe(n, d, Tt) && (f[Vg] = Tt.snapshot(n, d));
+    Fe(n, d, Et) && (f[Vg] = Et.snapshot(n, d));
     for (const h of n.entityBuffer.getComponentIds(d)) {
       if (h === s) continue;
       const p = r.get(h);
@@ -17033,7 +17033,7 @@ function aS(n, e) {
     return null;
   }
   if (!t || t.version !== Hg || !Array.isArray(t.entities) || t.entities.length === 0) return null;
-  const { componentsByName: o } = cr(n), r = Tt._getComponentId(n), s = [];
+  const { componentsByName: o } = cr(n), r = Et._getComponentId(n), s = [];
   for (const i of t.entities) {
     const l = /* @__PURE__ */ new Map();
     for (const [a, c] of Object.entries(i)) {
@@ -17054,7 +17054,7 @@ function cS(n, e, t) {
   for (const [s, i] of Object.entries(e))
     if (((r = i == null ? void 0 : i.def) == null ? void 0 : r.type) === "ref") {
       const l = t[s];
-      o[s] = l != null && Fe(n, l, Tt) ? Tt.read(n, l).id : null;
+      o[s] = l != null && Fe(n, l, Et) ? Et.read(n, l).id : null;
     }
   return o;
 }
@@ -17076,7 +17076,7 @@ function dS(n, e, t, o, r) {
 }
 function Jf(n, e, t, o) {
   if (e.length === 0) return;
-  const { componentsById: r } = cr(n), s = new Map([...r].filter(([, h]) => h.sync === "document")), i = Tt._getComponentId(n), l = le._getComponentId(n);
+  const { componentsById: r } = cr(n), s = new Map([...r].filter(([, h]) => h.sync === "document")), i = Et._getComponentId(n), l = le._getComponentId(n);
   let a;
   if (o)
     a = In.clone(o), In.sub(a, t);
@@ -17093,7 +17093,7 @@ function Jf(n, e, t, o) {
   const u = /* @__PURE__ */ new Map(), d = [];
   for (const h of c) {
     const p = Zi(n), m = h.get(i);
-    m != null && m.id && u.set(m.id, p), He(n, p, Tt, { id: crypto.randomUUID() });
+    m != null && m.id && u.set(m.id, p), He(n, p, Et, { id: crypto.randomUUID() });
     for (const [g, y] of h) {
       if (g === i) continue;
       const k = s.get(g);
@@ -17220,7 +17220,7 @@ function hS(n, e = {}) {
     );
     Tc(k, "text") && He(k, _, Ec, {}), G0.spawn(k, { entityId: _, deselectOthers: !0 });
   }
-  wt(() => {
+  kt(() => {
     const p = n.value;
     p && (p.addEventListener("paste", h), p.addEventListener("copy", d), p.addEventListener("cut", f));
   }), $e(() => {
@@ -18258,21 +18258,21 @@ const PS = { key: 1 }, LS = ["innerHTML"], Au = /* @__PURE__ */ q({
       [Ze.Top]: "flex-start",
       [Ze.Center]: "center",
       [Ze.Bottom]: "flex-end"
-    }, i = O(() => t.value ? `rgba(${t.value.fillRed}, ${t.value.fillGreen}, ${t.value.fillBlue}, ${(t.value.fillAlpha ?? 255) / 255})` : "rgba(0, 0, 0, 0)"), l = O(() => t.value ? t.value.strokeKind === Mt.None ? "none" : `rgba(${t.value.strokeRed}, ${t.value.strokeGreen}, ${t.value.strokeBlue}, ${t.value.strokeAlpha / 255})` : "rgba(0, 0, 0, 1)"), a = O(() => {
+    }, i = O(() => t.value ? `rgba(${t.value.fillRed}, ${t.value.fillGreen}, ${t.value.fillBlue}, ${(t.value.fillAlpha ?? 255) / 255})` : "rgba(0, 0, 0, 0)"), l = O(() => t.value ? t.value.strokeKind === Tt.None ? "none" : `rgba(${t.value.strokeRed}, ${t.value.strokeGreen}, ${t.value.strokeBlue}, ${t.value.strokeAlpha / 255})` : "rgba(0, 0, 0, 1)"), a = O(() => {
       var m;
       return ((m = t.value) == null ? void 0 : m.strokeWidth) ?? 2;
     }), c = O(() => {
       var m;
-      return ((m = t.value) == null ? void 0 : m.strokeKind) ?? Mt.Solid;
+      return ((m = t.value) == null ? void 0 : m.strokeKind) ?? Tt.Solid;
     }), u = O(() => {
       var m;
       return Ys[((m = t.value) == null ? void 0 : m.kind) ?? "rectangle"] ?? Ys.rectangle;
     }), d = O(() => {
       const m = a.value;
       switch (c.value) {
-        case Mt.Dashed:
+        case Tt.Dashed:
           return `${m * 3} ${m * 3}`;
-        case Mt.None:
+        case Tt.None:
           return "";
         default:
           return "";
@@ -18382,7 +18382,7 @@ const PS = { key: 1 }, LS = ["innerHTML"], Au = /* @__PURE__ */ q({
         y();
       },
       { immediate: !0 }
-    ), wt(() => {
+    ), kt(() => {
       y();
     }), pe(
       () => o.block.size[1],
@@ -18903,7 +18903,7 @@ function kl() {
 function Ro(n) {
   return Iu(n) ? (n.nodeName || "").toLowerCase() : "#document";
 }
-function vt(n) {
+function wt(n) {
   var e;
   return (n == null || (e = n.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -18912,16 +18912,16 @@ function on(n) {
   return (e = (Iu(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function Iu(n) {
-  return kl() ? n instanceof Node || n instanceof vt(n).Node : !1;
+  return kl() ? n instanceof Node || n instanceof wt(n).Node : !1;
 }
 function zt(n) {
-  return kl() ? n instanceof Element || n instanceof vt(n).Element : !1;
+  return kl() ? n instanceof Element || n instanceof wt(n).Element : !1;
 }
 function en(n) {
-  return kl() ? n instanceof HTMLElement || n instanceof vt(n).HTMLElement : !1;
+  return kl() ? n instanceof HTMLElement || n instanceof wt(n).HTMLElement : !1;
 }
 function rh(n) {
-  return !kl() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof vt(n).ShadowRoot;
+  return !kl() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof wt(n).ShadowRoot;
 }
 const mC = /* @__PURE__ */ new Set(["inline", "contents"]);
 function vs(n) {
@@ -18971,7 +18971,7 @@ function sr(n) {
   return SC.has(Ro(n));
 }
 function Ft(n) {
-  return vt(n).getComputedStyle(n);
+  return wt(n).getComputedStyle(n);
 }
 function xl(n) {
   return zt(n) ? {
@@ -19001,7 +19001,7 @@ function Yg(n) {
 function hs(n, e, t) {
   var o;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const r = Yg(n), s = r === ((o = n.ownerDocument) == null ? void 0 : o.body), i = vt(r);
+  const r = Yg(n), s = r === ((o = n.ownerDocument) == null ? void 0 : o.body), i = wt(r);
   if (s) {
     const l = uc(i);
     return e.concat(i, i.visualViewport || [], vs(r) ? r : [], l && t ? hs(l) : []);
@@ -19041,14 +19041,14 @@ function Yo(n) {
 }
 const CC = /* @__PURE__ */ Yt(0);
 function Zg(n) {
-  const e = vt(n);
+  const e = wt(n);
   return !_u() || !e.visualViewport ? CC : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function MC(n, e, t) {
-  return e === void 0 && (e = !1), !t || e && t !== vt(n) ? !1 : e;
+  return e === void 0 && (e = !1), !t || e && t !== wt(n) ? !1 : e;
 }
 function Eo(n, e, t, o) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
@@ -19058,11 +19058,11 @@ function Eo(n, e, t, o) {
   const l = MC(s, t, o) ? Zg(s) : Yt(0);
   let a = (r.left + l.x) / i.x, c = (r.top + l.y) / i.y, u = r.width / i.x, d = r.height / i.y;
   if (s) {
-    const f = vt(s), h = o && zt(o) ? vt(o) : o;
+    const f = wt(s), h = o && zt(o) ? wt(o) : o;
     let p = f, m = uc(p);
     for (; m && o && h !== p; ) {
       const g = Yo(m), y = m.getBoundingClientRect(), k = Ft(m), w = y.left + (m.clientLeft + parseFloat(k.paddingLeft)) * g.x, v = y.top + (m.clientTop + parseFloat(k.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, u *= g.x, d *= g.y, a += w, c += v, p = vt(m), m = uc(p);
+      a *= g.x, c *= g.y, u *= g.x, d *= g.y, a += w, c += v, p = wt(m), m = uc(p);
     }
   }
   return ji({
@@ -19126,7 +19126,7 @@ function AC(n) {
 }
 const sh = 25;
 function IC(n, e) {
-  const t = vt(n), o = on(n), r = t.visualViewport;
+  const t = wt(n), o = on(n), r = t.visualViewport;
   let s = o.clientWidth, i = o.clientHeight, l = 0, a = 0;
   if (r) {
     s = r.width, i = r.height;
@@ -19255,7 +19255,7 @@ function lh(n, e) {
   return on(n) === t && (t = t.ownerDocument.body), t;
 }
 function t0(n, e) {
-  const t = vt(n);
+  const t = wt(n);
   if (bl(n))
     return t;
   if (!en(n)) {
@@ -19498,7 +19498,7 @@ function gr(n, e, t) {
     update: w
   };
 }
-const VC = ["menu-open"], kt = /* @__PURE__ */ q({
+const VC = ["menu-open"], bt = /* @__PURE__ */ q({
   __name: "MenuDropdown",
   props: {
     title: {},
@@ -19549,7 +19549,7 @@ const VC = ["menu-open"], kt = /* @__PURE__ */ q({
         ref: d,
         class: Te(["wov-menu-dropdown-trigger", { "is-open": u.value }]),
         "menu-open": u.value || void 0,
-        onMousedown: v[0] || (v[0] = At(() => {
+        onMousedown: v[0] || (v[0] = ut(() => {
         }, ["prevent"])),
         onClick: p,
         onMouseenter: y,
@@ -19637,7 +19637,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       const a = e.side === "start";
       return `<line x1="${a ? 8 : 4}" y1="12" x2="${a ? 20 : 16}" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round" /><g transform="${`translate(${a ? 4 : 20}, 12) scale(${a ? "-0.8, 0.8" : "0.8"})`}">${l.svg}</g>`;
     }
-    return (l, a) => (C(), ee(kt, {
+    return (l, a) => (C(), ee(bt, {
       title: n.side === "start" ? "Start Arrow Head" : "End Arrow Head"
     }, {
       button: se(() => [
@@ -19718,7 +19718,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
         }
       });
     }
-    return (i, l) => (C(), ee(kt, { title: "Thickness" }, {
+    return (i, l) => (C(), ee(bt, { title: "Thickness" }, {
       button: se(() => [
         x("div", YC, [
           l[0] || (l[0] = x("svg", {
@@ -19904,7 +19904,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       var i;
       (i = t()) == null || i.command(r.command), s();
     }
-    return (r, s) => (C(), ee(kt, { title: "More" }, {
+    return (r, s) => (C(), ee(bt, { title: "More" }, {
       button: se(() => [...s[0] || (s[0] = [
         x("div", { class: "wov-block-operations-button" }, [
           x("svg", {
@@ -20038,7 +20038,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       ref_key: "sliderRef",
       ref: r,
       class: "wov-color-slider",
-      onPointerdown: At(i, ["prevent"])
+      onPointerdown: ut(i, ["prevent"])
     }, [
       n.background ? (C(), A("div", {
         key: 0,
@@ -20118,7 +20118,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
           ref: i,
           class: "wov-color-picker-selector",
           style: ve({ backgroundColor: h.value }),
-          onPointerdown: At(w, ["prevent"])
+          onPointerdown: ut(w, ["prevent"])
         }, [
           x("div", uM, [
             x("div", {
@@ -20224,14 +20224,14 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
           key: g,
           class: Te(["wov-color-bubble", { selected: c(g) }]),
           style: ve({ backgroundColor: g }),
-          onMousedown: m[1] || (m[1] = At(() => {
+          onMousedown: m[1] || (m[1] = ut(() => {
           }, ["prevent"])),
           onClick: (y) => d(g)
         }, null, 46, mM))), 128)),
         n.withPicker ? (C(), A("div", {
           key: 0,
           class: Te(["wov-color-bubble wov-rainbow-bubble", { selected: u() }]),
-          onMousedown: m[2] || (m[2] = At(() => {
+          onMousedown: m[2] || (m[2] = ut(() => {
           }, ["prevent"])),
           onClick: f
         }, null, 34)) : j("", !0)
@@ -20270,7 +20270,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
           Zo.fromHex(d, f, u);
       });
     }
-    return (c, u) => (C(), ee(kt, { title: "Color" }, {
+    return (c, u) => (C(), ee(bt, { title: "Color" }, {
       button: se(() => [
         x("div", gM, [
           x("div", yM, [
@@ -20307,7 +20307,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       placement: s,
       middleware: [hr(8), mr(), pr({ padding: 8 })]
     }), l = Symbol("menu-tooltip"), a = O(() => Ns.value[0] === l);
-    wt(() => {
+    kt(() => {
       Ns.value.push(l);
     }), $e(() => {
       Ns.value = Ns.value.filter((u) => u !== l);
@@ -20371,7 +20371,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
         }
       });
     }
-    return (a, c) => s.value ? (C(), ee(kt, {
+    return (a, c) => s.value ? (C(), ee(bt, {
       key: 0,
       title: "Thickness"
     }, {
@@ -20480,7 +20480,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       });
     }
     const h = B(!1);
-    return (p, m) => (C(), ee(kt, { title: "Fill Color" }, {
+    return (p, m) => (C(), ee(bt, { title: "Fill Color" }, {
       button: se(() => [
         x("div", SM, [
           m[1] || (m[1] = x("svg", {
@@ -20578,7 +20578,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
         }
       });
     }
-    return (c, u) => (C(), ee(kt, { title: "Shape Type" }, {
+    return (c, u) => (C(), ee(bt, { title: "Shape Type" }, {
       button: se(() => [
         x("div", OM, [
           u[0] || (u[0] = x("svg", {
@@ -20640,15 +20640,15 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
   emits: ["change"],
   setup(n, { emit: e }) {
     const t = e, o = [
-      { kind: Mt.Solid, label: "Solid" },
-      { kind: Mt.Dashed, label: "Dashed" },
-      { kind: Mt.None, label: "None" }
+      { kind: Tt.Solid, label: "Solid" },
+      { kind: Tt.Dashed, label: "Dashed" },
+      { kind: Tt.None, label: "None" }
     ];
     function r(i) {
       switch (i) {
-        case Mt.Dashed:
+        case Tt.Dashed:
           return "6 6";
-        case Mt.None:
+        case Tt.None:
           return "";
         default:
           return "";
@@ -20674,7 +20674,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
             y2: "4",
             "stroke-linecap": "round",
             "stroke-dasharray": r(a.kind),
-            "stroke-opacity": a.kind === F(Mt).None ? 0.3 : 1
+            "stroke-opacity": a.kind === F(Tt).None ? 0.3 : 1
           }, null, 8, zM)
         ])),
         x("span", null, _e(a.label), 1)
@@ -20708,7 +20708,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       return Array.from(m);
     }), l = O(() => i.value.length > 1), a = O(() => i.value[0] ?? "#000000"), c = O(() => {
       const m = r.value.values().next().value;
-      return (m == null ? void 0 : m.strokeKind) ?? Mt.Solid;
+      return (m == null ? void 0 : m.strokeKind) ?? Tt.Solid;
     }), u = O(() => {
       const m = /* @__PURE__ */ new Set();
       for (const g of r.value.values())
@@ -20744,7 +20744,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
         }
       });
     }
-    return (m, g) => (C(), ee(kt, { title: "Stroke Color" }, {
+    return (m, g) => (C(), ee(bt, { title: "Stroke Color" }, {
       button: se(() => [
         x("div", HM, [
           g[1] || (g[1] = x("svg", {
@@ -20836,7 +20836,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
         }
       });
     }
-    return (l, a) => (C(), ee(kt, { title: "Tape Style" }, {
+    return (l, a) => (C(), ee(bt, { title: "Tape Style" }, {
       button: se(() => [
         x("div", JM, [
           x("div", {
@@ -20852,7 +20852,7 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
             key: c.url,
             class: Te(["wov-tape-image-bubble", { selected: s.value === c.url }]),
             style: ve({ backgroundImage: `url(${c.url})` }),
-            onMousedown: a[0] || (a[0] = At(() => {
+            onMousedown: a[0] || (a[0] = ut(() => {
             }, ["prevent"])),
             onClick: (u) => i(c.url)
           }, null, 46, YM)), 64))
@@ -20861,22 +20861,27 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       _: 1
     }));
   }
-}), ZM = {
+}), ZM = [
+  { label: "Small", value: 16, displayValue: 10 },
+  { label: "Medium", value: 24, displayValue: 12 },
+  { label: "Large", value: 40, displayValue: 16 },
+  { label: "Huge", value: 96, displayValue: 20 }
+], QM = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512",
   fill: "currentColor"
-}, QM = {
+}, eT = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512",
   fill: "currentColor"
-}, eT = {
+}, tT = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512",
   fill: "currentColor"
-}, tT = {
+}, nT = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512",
@@ -20903,13 +20908,13 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
       onClick: s
     }, {
       default: se(() => [
-        F(t).alignment === F(un).Left ? (C(), A("svg", ZM, [...l[0] || (l[0] = [
+        F(t).alignment === F(un).Left ? (C(), A("svg", QM, [...l[0] || (l[0] = [
           x("path", { d: "M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z" }, null, -1)
-        ])])) : F(t).alignment === F(un).Center ? (C(), A("svg", QM, [...l[1] || (l[1] = [
+        ])])) : F(t).alignment === F(un).Center ? (C(), A("svg", eT, [...l[1] || (l[1] = [
           x("path", { d: "M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z" }, null, -1)
-        ])])) : F(t).alignment === F(un).Right ? (C(), A("svg", eT, [...l[2] || (l[2] = [
+        ])])) : F(t).alignment === F(un).Right ? (C(), A("svg", tT, [...l[2] || (l[2] = [
           x("path", { d: "M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z" }, null, -1)
-        ])])) : (C(), A("svg", tT, [...l[3] || (l[3] = [
+        ])])) : (C(), A("svg", nT, [...l[3] || (l[3] = [
           x("path", { d: "M448 64c0-17.7-14.3-32-32-32L32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32zm0 256c0-17.7-14.3-32-32-32L32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 192c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32zM448 448c0-17.7-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32z" }, null, -1)
         ])]))
       ]),
@@ -20942,29 +20947,29 @@ const _t = /* @__PURE__ */ Oo(WC, [["render", UC]]), KC = { class: "wov-menu-but
     }, 8, ["class", "onClick"])) : j("", !0);
   }
 });
-function nT(n, e) {
+function oT(n, e) {
   return Vh() ? (Wh(n, e), !0) : !1;
 }
-const oT = typeof window < "u" && typeof document < "u";
+const rT = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const rT = Object.prototype.toString, sT = (n) => rT.call(n) === "[object Object]", Ps = () => {
+const sT = Object.prototype.toString, iT = (n) => sT.call(n) === "[object Object]", Ps = () => {
 };
 function Hs(n) {
   return Array.isArray(n) ? n : [n];
 }
-function iT(n) {
+function lT(n) {
   return Cc();
 }
-function lT(n, e = !0, t) {
-  iT() ? wt(n, t) : e ? n() : Gn(n);
+function aT(n, e = !0, t) {
+  lT() ? kt(n, t) : e ? n() : Gn(n);
 }
-function aT(n, e, t) {
+function cT(n, e, t) {
   return pe(n, e, {
     ...t,
     immediate: !0
   });
 }
-const Tl = oT ? window : void 0;
+const Tl = rT ? window : void 0;
 function $t(n) {
   var e;
   const t = st(n);
@@ -20975,7 +20980,7 @@ function ga(...n) {
     const o = Hs(st(n[0])).filter((r) => r != null);
     return o.every((r) => typeof r != "string") ? o : void 0;
   });
-  return aT(() => {
+  return cT(() => {
     var o, r;
     return [
       (o = (r = t.value) === null || r === void 0 ? void 0 : r.map((s) => $t(s))) !== null && o !== void 0 ? o : [Tl].filter((s) => s != null),
@@ -20985,13 +20990,13 @@ function ga(...n) {
     ];
   }, ([o, r, s, i], l, a) => {
     if (!(o != null && o.length) || !(r != null && r.length) || !(s != null && s.length)) return;
-    const c = sT(i) ? { ...i } : i, u = o.flatMap((d) => r.flatMap((f) => s.map((h) => e(d, f, h, c))));
+    const c = iT(i) ? { ...i } : i, u = o.flatMap((d) => r.flatMap((f) => s.map((h) => e(d, f, h, c))));
     a(() => {
       u.forEach((d) => d());
     });
   }, { flush: "post" });
 }
-function cT(n, e, t = {}) {
+function uT(n, e, t = {}) {
   const { window: o = Tl, ignore: r = [], capture: s = !0, detectIframe: i = !1, controls: l = !1 } = t;
   if (!o) return l ? {
     stop: Ps,
@@ -21057,21 +21062,21 @@ function cT(n, e, t = {}) {
   } : m;
 }
 // @__NO_SIDE_EFFECTS__
-function uT() {
+function dT() {
   const n = Ae(!1), e = Cc();
-  return e && wt(() => {
+  return e && kt(() => {
     n.value = !0;
   }, e), n;
 }
 // @__NO_SIDE_EFFECTS__
-function dT(n) {
-  const e = /* @__PURE__ */ uT();
+function fT(n) {
+  const e = /* @__PURE__ */ dT();
   return O(() => (e.value, !!n()));
 }
-function fT(n, e, t = {}) {
+function hT(n, e, t = {}) {
   const { window: o = Tl, ...r } = t;
   let s;
-  const i = /* @__PURE__ */ dT(() => o && "ResizeObserver" in o), l = () => {
+  const i = /* @__PURE__ */ fT(() => o && "ResizeObserver" in o), l = () => {
     s && (s.disconnect(), s = void 0);
   }, a = pe(O(() => {
     const u = st(n);
@@ -21087,7 +21092,7 @@ function fT(n, e, t = {}) {
   }), c = () => {
     l(), a();
   };
-  return nT(c), {
+  return oT(c), {
     isSupported: i,
     stop: c
   };
@@ -21099,7 +21104,7 @@ function r0(n, e = {
   const { window: o = Tl, box: r = "content-box" } = t, s = O(() => {
     var d;
     return (d = $t(n)) === null || d === void 0 || (d = d.namespaceURI) === null || d === void 0 ? void 0 : d.includes("svg");
-  }), i = Ae(e.width), l = Ae(e.height), { stop: a } = fT(n, ([d]) => {
+  }), i = Ae(e.width), l = Ae(e.height), { stop: a } = hT(n, ([d]) => {
     const f = r === "border-box" ? d.borderBoxSize : r === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
     if (o && s.value) {
       const h = $t(n);
@@ -21113,7 +21118,7 @@ function r0(n, e = {
     } else
       i.value = d.contentRect.width, l.value = d.contentRect.height;
   }, t);
-  lT(() => {
+  aT(() => {
     const d = $t(n);
     d && (i.value = "offsetWidth" in d ? d.offsetWidth : e.width, l.value = "offsetHeight" in d ? d.offsetHeight : e.height);
   });
@@ -21129,7 +21134,7 @@ function r0(n, e = {
     stop: u
   };
 }
-function hT() {
+function pT() {
   const n = ge(Ue);
   if (!n)
     throw new Error("useFonts must be used within a WovenCanvas component");
@@ -21138,13 +21143,13 @@ function hT() {
     return e ? e.fonts.filter((t) => t.selectable) : [];
   });
 }
-const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-label" }, gT = { class: "wov-font-list" }, yT = ["onClick"], vT = ["src", "alt"], ph = /* @__PURE__ */ q({
+const mT = { class: "wov-font-family-button" }, gT = { class: "wov-font-family-label" }, yT = { class: "wov-font-list" }, vT = ["onClick"], wT = ["src", "alt"], ph = /* @__PURE__ */ q({
   __name: "TextFontFamilyButton",
   props: {
     entityIds: {}
   },
   setup(n) {
-    const e = n, { state: t, commands: o } = nn(() => e.entityIds), r = hT(), s = O(() => r.value.map((u) => ({
+    const e = n, { state: t, commands: o } = nn(() => e.entityIds), r = pT(), s = O(() => r.value.map((u) => ({
       name: u.name,
       displayName: u.displayName,
       previewImage: u.previewImage
@@ -21160,13 +21165,13 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
     function c(u) {
       u.stopPropagation();
     }
-    return (u, d) => F(t).showTextMenuButtons ? (C(), ee(kt, {
+    return (u, d) => F(t).showTextMenuButtons ? (C(), ee(bt, {
       key: 0,
       title: "Font Family"
     }, {
       button: se(() => [
-        x("div", pT, [
-          x("span", mT, _e(l.value), 1),
+        x("div", mT, [
+          x("span", gT, _e(l.value), 1),
           Z(_t, { class: "wov-chevron-down" })
         ])
       ]),
@@ -21174,10 +21179,10 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
         x("div", {
           class: "wov-font-family-menu",
           onWheel: c,
-          onClick: d[0] || (d[0] = At(() => {
+          onClick: d[0] || (d[0] = ut(() => {
           }, ["stop"]))
         }, [
-          x("div", gT, [
+          x("div", yT, [
             (C(!0), A(ie, null, Se(s.value, (f) => (C(), A("div", {
               key: f.name,
               class: Te(["wov-font-item", { active: i.value === f.name }]),
@@ -21190,97 +21195,142 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
                 alt: f.name,
                 loading: "lazy",
                 decoding: "async"
-              }, null, 8, vT)) : (C(), A("span", {
+              }, null, 8, wT)) : (C(), A("span", {
                 key: 1,
                 class: "wov-font-name",
                 style: ve({ fontFamily: f.name })
               }, _e(f.displayName), 5))
-            ], 10, yT))), 128))
+            ], 10, vT))), 128))
           ])
         ], 32)
       ]),
       _: 1
     })) : j("", !0);
   }
-}), wT = { class: "wov-font-size-button" }, kT = { class: "wov-font-size-label" }, bT = ["onClick"], xT = {
+}), kT = { class: "wov-font-size-button" }, bT = { class: "wov-font-size-label" }, xT = ["onClick"], ST = {
   key: 0,
   class: "wov-check-icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512",
   fill: "currentColor"
-}, ST = { class: "wov-input-container" }, CT = ["value"], mh = /* @__PURE__ */ q({
+}, CT = { class: "wov-input-container" }, MT = ["value"], TT = { class: "wov-size-stepper" }, ET = 1, mh = /* @__PURE__ */ q({
   __name: "TextFontSizeButton",
   props: {
-    entityIds: {}
+    entityIds: {},
+    sizeOptions: { default: () => ZM }
   },
   setup(n) {
-    const e = n, { state: t, commands: o } = nn(() => e.entityIds), r = [
-      { label: "Small", value: 16, displayValue: 10 },
-      { label: "Medium", value: 24, displayValue: 12 },
-      { label: "Large", value: 40, displayValue: 16 },
-      { label: "Huge", value: 96, displayValue: 20 }
-    ], s = O(() => t.fontSize), i = O(() => {
-      const f = s.value;
-      if (f === null) return "Mixed";
-      const h = r.find((p) => p.value === f);
-      return h ? h.label : `${+f.toFixed(1)} px`;
+    const e = n, { state: t, commands: o } = nn(() => e.entityIds), r = B(null), s = O(() => t.fontSize), i = O(() => {
+      const h = s.value;
+      if (h === null) return "Mixed";
+      const p = e.sizeOptions.find((m) => m.value === h);
+      return p ? p.label : `${+h.toFixed(1)} px`;
     }), l = O(() => {
-      const f = s.value;
-      return f === null ? "" : String(+f.toFixed(1));
+      const h = s.value;
+      return h === null ? "" : String(+h.toFixed(1));
     });
-    function a(f) {
-      o.setFontSize(f);
+    function a(h) {
+      o.setFontSize(h);
     }
-    function c(f) {
-      const h = f.target, p = Number.parseFloat(h.value);
-      !Number.isNaN(p) && p > 0 && a(p);
+    function c(h) {
+      const p = h.target, m = Number.parseFloat(p.value);
+      if (Number.isNaN(m) || m <= 0) {
+        p.value = l.value;
+        return;
+      }
+      a(m);
     }
-    function u(f) {
-      f.key === "Enter" && f.target.blur();
+    function u(h) {
+      var y;
+      const p = Number.parseFloat(((y = r.value) == null ? void 0 : y.value) ?? ""), m = Number.isNaN(p) ? s.value : p;
+      if (m === null) return;
+      const g = Math.max(+(m + h).toFixed(1), ET);
+      r.value && (r.value.value = String(g)), a(g);
     }
-    function d(f) {
-      f.stopPropagation();
+    function d(h) {
+      h.key === "Enter" ? h.target.blur() : h.key === "ArrowUp" ? (h.preventDefault(), u(1)) : h.key === "ArrowDown" && (h.preventDefault(), u(-1));
     }
-    return (f, h) => F(t).showTextMenuButtons ? (C(), ee(kt, {
+    function f(h) {
+      h.stopPropagation();
+    }
+    return (h, p) => F(t).showTextMenuButtons ? (C(), ee(bt, {
       key: 0,
       title: "Font Size"
     }, {
       button: se(() => [
-        x("div", wT, [
-          x("span", kT, _e(i.value), 1),
+        x("div", kT, [
+          x("span", bT, _e(i.value), 1),
           Z(_t, { class: "wov-chevron-down" })
         ])
       ]),
       dropdown: se(() => [
         x("div", {
           class: "wov-font-size-menu",
-          onWheel: d,
-          onClick: h[0] || (h[0] = At(() => {
+          onWheel: f,
+          onClick: p[4] || (p[4] = ut(() => {
+          }, ["stop"])),
+          onKeydown: p[5] || (p[5] = ut(() => {
           }, ["stop"]))
         }, [
-          (C(), A(ie, null, Se(r, (p) => x("div", {
-            key: p.value,
-            class: Te(["wov-font-size-option", { active: s.value === p.value }]),
-            onClick: (m) => a(p.value)
+          (C(!0), A(ie, null, Se(n.sizeOptions, (m) => (C(), A("div", {
+            key: m.value,
+            class: Te(["wov-font-size-option", { active: s.value === m.value }]),
+            onClick: (g) => a(m.value)
           }, [
-            s.value === p.value ? (C(), A("svg", xT, [...h[1] || (h[1] = [
+            s.value === m.value ? (C(), A("svg", ST, [...p[6] || (p[6] = [
               x("path", { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, null, -1)
             ])])) : j("", !0),
             x("span", {
               class: "wov-option-label",
-              style: ve({ fontSize: `${p.displayValue}px` })
-            }, _e(p.label), 5)
-          ], 10, bT)), 64)),
-          h[3] || (h[3] = x("div", { class: "wov-separator" }, null, -1)),
-          x("div", ST, [
+              style: ve({ fontSize: `${m.displayValue}px` })
+            }, _e(m.label), 5)
+          ], 10, xT))), 128)),
+          p[10] || (p[10] = x("div", { class: "wov-separator" }, null, -1)),
+          x("div", CT, [
             x("input", {
+              ref_key: "inputRef",
+              ref: r,
               class: "wov-custom-input",
               value: l.value,
-              onInput: c,
-              onKeydown: u,
+              onChange: c,
+              onKeydown: d,
               placeholder: "Custom size"
-            }, null, 40, CT),
-            h[2] || (h[2] = x("span", { class: "wov-px-suffix" }, "px", -1))
+            }, null, 40, MT),
+            p[9] || (p[9] = x("span", { class: "wov-px-suffix" }, "px", -1)),
+            x("div", TT, [
+              x("button", {
+                class: "wov-size-stepper-button",
+                title: "Increase size",
+                onMousedown: p[0] || (p[0] = ut(() => {
+                }, ["prevent"])),
+                onClick: p[1] || (p[1] = (m) => u(1))
+              }, [...p[7] || (p[7] = [
+                x("svg", {
+                  class: "wov-size-stepper-icon up",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 512 320",
+                  fill: "currentColor"
+                }, [
+                  x("path", { d: "M233.4 278.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 210.7 86.6 41.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" })
+                ], -1)
+              ])], 32),
+              x("button", {
+                class: "wov-size-stepper-button",
+                title: "Decrease size",
+                onMousedown: p[2] || (p[2] = ut(() => {
+                }, ["prevent"])),
+                onClick: p[3] || (p[3] = (m) => u(-1))
+              }, [...p[8] || (p[8] = [
+                x("svg", {
+                  class: "wov-size-stepper-icon",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 512 320",
+                  fill: "currentColor"
+                }, [
+                  x("path", { d: "M233.4 278.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 210.7 86.6 41.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" })
+                ], -1)
+              ])], 32)
+            ])
           ])
         ], 32)
       ]),
@@ -21337,7 +21387,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     }, 8, ["class", "onClick"])) : j("", !0);
   }
-}), MT = { class: "wov-link-input-container" }, TT = ["onKeydown"], vh = /* @__PURE__ */ q({
+}), AT = { class: "wov-link-input-container" }, IT = ["onKeydown"], vh = /* @__PURE__ */ q({
   __name: "TextLinkButton",
   props: {
     entityIds: {}
@@ -21401,10 +21451,10 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
           ref: a,
           class: "wov-link-input-dropdown",
           style: ve(F(u)),
-          onKeydown: g[2] || (g[2] = At(() => {
+          onKeydown: g[2] || (g[2] = ut(() => {
           }, ["stop"]))
         }, [
-          x("div", MT, [
+          x("div", AT, [
             jh(x("input", {
               ref_key: "inputRef",
               ref: i,
@@ -21412,10 +21462,10 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
               class: "wov-link-input",
               placeholder: "Paste or type URL",
               onKeydown: [
-                td(At(f, ["prevent"]), ["enter"]),
-                g[1] || (g[1] = td(At((y) => r.value = !1, ["prevent"]), ["esc"]))
+                td(ut(f, ["prevent"]), ["enter"]),
+                g[1] || (g[1] = td(ut((y) => r.value = !1, ["prevent"]), ["esc"]))
               ]
-            }, null, 40, TT), [
+            }, null, 40, IT), [
               [Uh, s.value]
             ]),
             s.value || F(t).linkHref ? (C(), A("button", {
@@ -21450,7 +21500,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       ], 8, ["to"])) : j("", !0)
     ], 64));
   }
-}), ET = { class: "wov-text-color-button" }, AT = { class: "wov-text-icon-container" }, wh = /* @__PURE__ */ q({
+}), OT = { class: "wov-text-color-button" }, _T = { class: "wov-text-icon-container" }, wh = /* @__PURE__ */ q({
   __name: "TextColorButton",
   props: {
     entityIds: {}
@@ -21460,13 +21510,13 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
     function i(l) {
       o.setColor(ds(l));
     }
-    return (l, a) => F(t).showTextMenuButtons ? (C(), ee(kt, {
+    return (l, a) => F(t).showTextMenuButtons ? (C(), ee(bt, {
       key: 0,
       title: "Text Color"
     }, {
       button: se(() => [
-        x("div", ET, [
-          x("div", AT, [
+        x("div", OT, [
+          x("div", _T, [
             a[0] || (a[0] = x("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 640 640",
@@ -21493,7 +21543,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     })) : j("", !0);
   }
-}), IT = {
+}), DT = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21505,7 +21555,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "lucide lucide-align-vertical-justify-start-icon lucide-align-vertical-justify-start"
-}, OT = {
+}, NT = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21517,7 +21567,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "lucide lucide-align-vertical-justify-center-icon lucide-align-vertical-justify-center"
-}, _T = {
+}, RT = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21561,7 +21611,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       onClick: l
     }, {
       default: se(() => [
-        i.value === F(Ze).Top || i.value === null ? (C(), A("svg", IT, [...c[0] || (c[0] = [
+        i.value === F(Ze).Top || i.value === null ? (C(), A("svg", DT, [...c[0] || (c[0] = [
           x("rect", {
             width: "14",
             height: "6",
@@ -21577,7 +21627,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
             rx: "2"
           }, null, -1),
           x("path", { d: "M2 2h20" }, null, -1)
-        ])])) : i.value === F(Ze).Center ? (C(), A("svg", OT, [...c[1] || (c[1] = [
+        ])])) : i.value === F(Ze).Center ? (C(), A("svg", NT, [...c[1] || (c[1] = [
           x("rect", {
             width: "14",
             height: "6",
@@ -21593,7 +21643,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
             rx: "2"
           }, null, -1),
           x("path", { d: "M2 12h20" }, null, -1)
-        ])])) : (C(), A("svg", _T, [...c[2] || (c[2] = [
+        ])])) : (C(), A("svg", RT, [...c[2] || (c[2] = [
           x("rect", {
             width: "14",
             height: "6",
@@ -21614,7 +21664,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     })) : j("", !0);
   }
-}), DT = { class: "wov-text-group-button" }, NT = { class: "wov-text-group-dropdown" }, RT = { class: "wov-text-group-row wov-text-group-row-full" }, PT = { class: "wov-text-group-row" }, LT = /* @__PURE__ */ q({
+}), PT = { class: "wov-text-group-button" }, LT = { class: "wov-text-group-dropdown" }, $T = { class: "wov-text-group-row wov-text-group-row-full" }, BT = { class: "wov-text-group-row" }, zT = /* @__PURE__ */ q({
   __name: "TextButtonGroup",
   props: {
     entityIds: {},
@@ -21623,13 +21673,13 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
   setup(n) {
     const e = n, { state: t } = nn(() => e.entityIds), o = ge("containerRef"), { width: r } = r0(o), s = O(() => r.value > 0 && r.value < 600), i = B(/* @__PURE__ */ new Map());
     return ho(ep, i), (l, a) => F(t).showTextMenuButtons ? (C(), A(ie, { key: 0 }, [
-      s.value ? (C(), ee(kt, {
+      s.value ? (C(), ee(bt, {
         key: 0,
         title: "Text Formatting",
         placement: "top"
       }, {
         button: se(() => [
-          x("div", DT, [
+          x("div", PT, [
             a[0] || (a[0] = x("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 640 640",
@@ -21642,13 +21692,13 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
           ])
         ]),
         dropdown: se(() => [
-          x("div", NT, [
-            x("div", RT, [
+          x("div", LT, [
+            x("div", $T, [
               Z(ph, { entityIds: n.entityIds }, null, 8, ["entityIds"]),
               a[1] || (a[1] = x("div", { class: "wov-text-group-spacer" }, null, -1)),
               Z(mh, { entityIds: n.entityIds }, null, 8, ["entityIds"])
             ]),
-            x("div", PT, [
+            x("div", BT, [
               Z(hh, { entityIds: n.entityIds }, null, 8, ["entityIds"]),
               Z(gh, { entityIds: n.entityIds }, null, 8, ["entityIds"]),
               Z(yh, { entityIds: n.entityIds }, null, 8, ["entityIds"]),
@@ -21688,7 +21738,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       ], 64))
     ], 64)) : j("", !0);
   }
-}), $T = /* @__PURE__ */ q({
+}), FT = /* @__PURE__ */ q({
   __name: "CanvasBackground",
   props: {
     background: {}
@@ -21773,8 +21823,8 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       let N = w * b, R = v * b, W = 0, V = 0, te = Number.POSITIVE_INFINITY, J = Number.POSITIVE_INFINITY;
       for (; ; ) {
         N = b * w, R = b * v, W = Math.floor(T / N) * N, V = Math.floor(E / R) * R;
-        const bt = Math.ceil(_ / N) * N, Dt = Math.ceil(D / R) * R;
-        if (J = Math.round((bt - W) / w), te = Math.round((Dt - V) / v), Math.max(J, te) > 125)
+        const xt = Math.ceil(_ / N) * N, Dt = Math.ceil(D / R) * R;
+        if (J = Math.round((xt - W) / w), te = Math.round((Dt - V) / v), Math.max(J, te) > 125)
           w *= 2, v *= 2;
         else
           break;
@@ -21801,8 +21851,8 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       let N = w * b, R = v * b, W = 0, V = 0, te = Number.POSITIVE_INFINITY, J = Number.POSITIVE_INFINITY;
       for (; ; ) {
         N = b * w, R = b * v, W = Math.floor(T / N) * N, V = Math.floor(E / R) * R;
-        const bt = Math.ceil(_ / N) * N, Dt = Math.ceil(D / R) * R;
-        if (J = Math.round((bt - W) / w), te = Math.round((Dt - V) / v), Math.max(J, te) > 200)
+        const xt = Math.ceil(_ / N) * N, Dt = Math.ceil(D / R) * R;
+        if (J = Math.round((xt - W) / w), te = Math.round((Dt - V) / v), Math.max(J, te) > 200)
           w *= 2, v *= 2;
         else
           break;
@@ -21837,7 +21887,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
         y();
       },
       { deep: !0 }
-    ), wt(() => {
+    ), kt(() => {
       const k = i == null ? void 0 : i.value;
       if (k) {
         const w = () => {
@@ -21864,7 +21914,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       }
     }, null, 512));
   }
-}), BT = /* @__PURE__ */ q({
+}), HT = /* @__PURE__ */ q({
   __name: "FileDropZone",
   props: {
     maxSize: { default: 400 }
@@ -21887,7 +21937,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
     function d() {
       i = 0, s.value = !1;
     }
-    wt(() => {
+    kt(() => {
       const v = a == null ? void 0 : a.value;
       v && (v.addEventListener("dragenter", c), v.addEventListener("dragleave", u), v.addEventListener("drop", d));
     }), $e(() => {
@@ -21971,7 +22021,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
     }, null, 34));
   }
 });
-function zT(n, e) {
+function VT(n, e) {
   if (e.length === 0) return /* @__PURE__ */ new Set();
   const t = e[0].tag, o = n.blockDefs[t];
   if (!o) return /* @__PURE__ */ new Set();
@@ -21988,13 +22038,13 @@ function zT(n, e) {
   }
   return r;
 }
-function FT(n, e) {
+function WT(n, e) {
   return e.length === 0 ? !1 : e.every(({ tag: t }) => {
     var o;
     return ((o = n.blockDefs[t]) == null ? void 0 : o.showOperations) ?? !0;
   });
 }
-const HT = /* @__PURE__ */ q({
+const jT = /* @__PURE__ */ q({
   __name: "FloatingMenuBar",
   setup(n) {
     const e = Kh(), { reset: t } = no(), o = ge(tp), { selectedIds: r, commonComponents: s, showOperations: i } = o, l = /* @__PURE__ */ new Set([
@@ -22081,7 +22131,7 @@ const HT = /* @__PURE__ */ q({
         key: 6,
         entityIds: F(r)
       }, () => [
-        Z(LT, {
+        Z(zT, {
           entityIds: F(r),
           showVerticalAlign: F(s).has("verticalAlign")
         }, null, 8, ["entityIds", "showVerticalAlign"])
@@ -22097,7 +22147,7 @@ const HT = /* @__PURE__ */ q({
       ], 64)) : j("", !0)
     ], 32));
   }
-}), VT = { class: "wov-floating-menu-inner" }, WT = /* @__PURE__ */ q({
+}), UT = { class: "wov-floating-menu-inner" }, KT = /* @__PURE__ */ q({
   __name: "FloatingMenu",
   setup(n) {
     const e = ge(Ue), t = gS([le, Qi]), o = ot(Pe), r = ot(eo), s = ot(el), i = fr(), l = O(
@@ -22106,10 +22156,10 @@ const HT = /* @__PURE__ */ q({
       () => t.value.map((T) => ({ tag: T.block.value.tag }))
     ), c = O(() => {
       const T = e == null ? void 0 : e.getEditor();
-      return T ? zT(T, a.value) : /* @__PURE__ */ new Set();
+      return T ? VT(T, a.value) : /* @__PURE__ */ new Set();
     }), u = O(() => {
       const T = e == null ? void 0 : e.getEditor();
-      return T ? FT(T, a.value) : !1;
+      return T ? WT(T, a.value) : !1;
     });
     ho(tp, { selectedIds: l, commonComponents: c, showOperations: u });
     const d = [0, 0, 0, 0];
@@ -22213,9 +22263,9 @@ const HT = /* @__PURE__ */ q({
           class: "wov-floating-menu",
           style: ve(F(k))
         }, [
-          x("div", VT, [
+          x("div", UT, [
             me(T.$slots, "default", {}, () => [
-              Z(HT)
+              Z(jT)
             ])
           ])
         ], 4)) : j("", !0)
@@ -22223,10 +22273,10 @@ const HT = /* @__PURE__ */ q({
       _: 3
     }));
   }
-}), jT = {
+}), qT = {
   key: 0,
   class: "wov-loading-overlay"
-}, UT = { class: "wov-loading-spinner" }, KT = /* @__PURE__ */ q({
+}, JT = { class: "wov-loading-spinner" }, GT = /* @__PURE__ */ q({
   __name: "LoadingOverlay",
   props: {
     isLoading: { type: Boolean }
@@ -22234,7 +22284,7 @@ const HT = /* @__PURE__ */ q({
   setup(n) {
     const e = B("|"), t = ["|", "/", "-", "\\"];
     let o = null;
-    return wt(() => {
+    return kt(() => {
       o = setInterval(() => {
         const r = t.indexOf(e.value);
         e.value = t[(r + 1) % t.length];
@@ -22243,14 +22293,14 @@ const HT = /* @__PURE__ */ q({
       o !== null && clearInterval(o);
     }), (r, s) => (C(), ee(Mc, { name: "wov-loading-fade" }, {
       default: se(() => [
-        n.isLoading ? (C(), A("div", jT, [
-          x("div", UT, _e(e.value), 1)
+        n.isLoading ? (C(), A("div", qT, [
+          x("div", JT, _e(e.value), 1)
         ])) : j("", !0)
       ]),
       _: 1
     }));
   }
-}), qT = { class: "wov-action-bar" }, JT = /* @__PURE__ */ q({
+}), YT = { class: "wov-action-bar" }, XT = /* @__PURE__ */ q({
   __name: "ActionBar",
   setup(n) {
     const { getEditor: e } = Ce(), t = ge(Ue), o = B(!1), r = B(!1);
@@ -22273,7 +22323,7 @@ const HT = /* @__PURE__ */ q({
       const a = e();
       a == null || a.command(Xh);
     }
-    return (a, c) => (C(), A("div", qT, [
+    return (a, c) => (C(), A("div", YT, [
       x("button", {
         class: "wov-action-button",
         onClick: s,
@@ -22389,30 +22439,30 @@ const HT = /* @__PURE__ */ q({
       me(h.$slots, "default")
     ], 34));
   }
-}), GT = '<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.35 4.75" width="20" height="20"><defs><style>.cls-1{stroke:#fff;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M2.39,2.88s-.04.01-.05.02c-.01,0-.02.01-.03.02,0,.01-.02.02-.03.05l-.77,1.44c-.07.13-.1.19-.14.2-.03.01-.07,0-.1-.01-.03-.02-.05-.09-.09-.23L.16.41c-.03-.13-.05-.19-.03-.23.02-.03.04-.05.08-.06.04,0,.1.02.21.08l3.59,1.94c.13.07.19.1.2.14.01.03,0,.07-.01.1-.02.03-.09.05-.23.09l-1.58.4Z"/></svg>', YT = '<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.08 4.75" width="24" height="24"><defs><style>.cls-1{fill:#fff;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:.25px;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:.51px;}</style></defs><path class="cls-1" d="M.89,2.25v.63M.89,2.25V.75c0-.21.17-.38.38-.38s.38.17.38.38M.89,2.25c0-.21-.17-.37-.38-.37s-.38.17-.38.37v.5c0,1.04.86,1.87,1.91,1.87s1.91-.84,1.91-1.87v-1.25c0-.21-.17-.38-.38-.38s-.38.17.38.38M1.66.75v1.38M1.66.75v-.25c0-.21.17-.38.38-.38s.38.17.38.38v.25M2.42.75v1.38M2.42.75c0-.21.17-.38.38-.38s.38.17.38.38v.75M3.19,1.5v.63"/><line class="cls-2" x1="2.8" y1=".77" x2="2.8" y2="2.03"/><line class="cls-2" x1="2.04" y1=".64" x2="2.04" y2="2.02"/><line class="cls-2" x1="1.27" y1=".84" x2="1.27" y2="2.29"/></svg>', XT = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><path d="M9 12l6 0" /><path d="M12 9l0 6" /></svg>', ko = {
+}), ZT = '<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.35 4.75" width="20" height="20"><defs><style>.cls-1{stroke:#fff;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M2.39,2.88s-.04.01-.05.02c-.01,0-.02.01-.03.02,0,.01-.02.02-.03.05l-.77,1.44c-.07.13-.1.19-.14.2-.03.01-.07,0-.1-.01-.03-.02-.05-.09-.09-.23L.16.41c-.03-.13-.05-.19-.03-.23.02-.03.04-.05.08-.06.04,0,.1.02.21.08l3.59,1.94c.13.07.19.1.2.14.01.03,0,.07-.01.1-.02.03-.09.05-.23.09l-1.58.4Z"/></svg>', QT = '<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.08 4.75" width="24" height="24"><defs><style>.cls-1{fill:#fff;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:.25px;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:.51px;}</style></defs><path class="cls-1" d="M.89,2.25v.63M.89,2.25V.75c0-.21.17-.38.38-.38s.38.17.38.38M.89,2.25c0-.21-.17-.37-.38-.37s-.38.17-.38.37v.5c0,1.04.86,1.87,1.91,1.87s1.91-.84,1.91-1.87v-1.25c0-.21-.17-.38-.38-.38s-.38.17.38.38M1.66.75v1.38M1.66.75v-.25c0-.21.17-.38.38-.38s.38.17.38.38v.25M2.42.75v1.38M2.42.75c0-.21.17-.38.38-.38s.38.17.38.38v.75M3.19,1.5v.63"/><line class="cls-2" x1="2.8" y1=".77" x2="2.8" y2="2.03"/><line class="cls-2" x1="2.04" y1=".64" x2="2.04" y2="2.02"/><line class="cls-2" x1="1.27" y1=".84" x2="1.27" y2="2.29"/></svg>', eE = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><path d="M9 12l6 0" /><path d="M12 9l0 6" /></svg>', ko = {
   Select: "select",
   Hand: "hand",
   Crosshair: "crosshair"
-}, ZT = {
+}, tE = {
   [ko.Select]: {
-    makeSvg: () => GT,
+    makeSvg: () => ZT,
     hotspot: [1, 0],
     rotationOffset: 0
   },
   [ko.Hand]: {
-    makeSvg: () => YT,
+    makeSvg: () => QT,
     hotspot: [12, 12],
     rotationOffset: 0
   },
   [ko.Crosshair]: {
-    makeSvg: () => XT,
+    makeSvg: () => eE,
     hotspot: [12, 12],
     rotationOffset: 0
   }
-}, QT = {
+}, nE = {
   viewBox: "0 0 20 20",
   style: { "fill-rule": "evenodd", "clip-rule": "evenodd", "stroke-miterlimit": "10" }
-}, eE = /* @__PURE__ */ q({
+}, oE = /* @__PURE__ */ q({
   __name: "SelectTool",
   setup(n) {
     const { nextEditorTick: e } = Ce(), { activeTool: t } = Mu();
@@ -22426,7 +22476,7 @@ const HT = /* @__PURE__ */ q({
       cursor: F(ko).Select
     }, {
       default: se(() => [
-        (C(), A("svg", QT, [...r[0] || (r[0] = [
+        (C(), A("svg", nE, [...r[0] || (r[0] = [
           x("g", { transform: "matrix(4.21053,0,0,4.21053,0.842105,0)" }, [
             x("path", {
               fill: "none",
@@ -22440,7 +22490,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["cursor"]));
   }
-}), tE = /* @__PURE__ */ q({
+}), rE = /* @__PURE__ */ q({
   __name: "HandTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22463,7 +22513,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["cursor"]));
   }
-}), nE = /* @__PURE__ */ q({
+}), sE = /* @__PURE__ */ q({
   __name: "StickyNoteTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22504,7 +22554,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "placement-snapshot"]));
   }
-}), oE = /* @__PURE__ */ q({
+}), iE = /* @__PURE__ */ q({
   __name: "ShapeTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22514,7 +22564,7 @@ const HT = /* @__PURE__ */ q({
       },
       shape: {
         kind: "rectangle",
-        strokeKind: Mt.Solid,
+        strokeKind: Tt.Solid,
         strokeWidth: 2,
         strokeRed: 0,
         strokeGreen: 0,
@@ -22558,7 +22608,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "draw-snapshot"]));
   }
-}), rE = /* @__PURE__ */ q({
+}), lE = /* @__PURE__ */ q({
   __name: "EraserTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22577,7 +22627,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), sE = /* @__PURE__ */ q({
+}), aE = /* @__PURE__ */ q({
   __name: "PenTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22605,7 +22655,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), iE = /* @__PURE__ */ q({
+}), cE = /* @__PURE__ */ q({
   __name: "TextTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22657,7 +22707,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "placement-snapshot"]));
   }
-}), lE = /* @__PURE__ */ q({
+}), uE = /* @__PURE__ */ q({
   __name: "ElbowArrowTool",
   setup(n) {
     const e = JSON.stringify({
@@ -22695,7 +22745,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot"]));
   }
-}), aE = /* @__PURE__ */ q({
+}), dE = /* @__PURE__ */ q({
   __name: "ImageTool",
   setup(n) {
     const { nextEditorTick: e } = Ce(), { show: t, hide: o } = no(), { setTool: r } = Mu(), { createImageBlock: s } = jg(), i = B(null), l = B(null);
@@ -22766,7 +22816,7 @@ const HT = /* @__PURE__ */ q({
       }, null, 544)
     ], 544));
   }
-}), cE = { class: "wov-embed-provider-grid" }, uE = ["onClick"], dE = { class: "wov-embed-provider-icon" }, fE = {
+}), fE = { class: "wov-embed-provider-grid" }, hE = ["onClick"], pE = { class: "wov-embed-provider-icon" }, mE = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22774,7 +22824,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, hE = {
+}, gE = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22782,7 +22832,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, pE = {
+}, yE = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22790,7 +22840,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, mE = {
+}, vE = {
   key: 3,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22798,7 +22848,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, gE = {
+}, wE = {
   key: 4,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22806,7 +22856,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, yE = {
+}, kE = {
   key: 5,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22814,7 +22864,7 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, vE = {
+}, bE = {
   key: 6,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22822,16 +22872,16 @@ const HT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, wE = {
+}, xE = {
   key: 7,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, kE = { class: "wov-embed-provider-label" }, bE = { class: "wov-embed-panel-header" }, xE = { class: "wov-embed-url-form" }, SE = ["placeholder"], CE = {
+}, SE = { class: "wov-embed-provider-label" }, CE = { class: "wov-embed-panel-header" }, ME = { class: "wov-embed-url-form" }, TE = ["placeholder"], EE = {
   key: 0,
   class: "wov-embed-url-error"
-}, ME = /* @__PURE__ */ q({
+}, AE = /* @__PURE__ */ q({
   __name: "EmbedTool",
   setup(n) {
     const { nextEditorTick: e } = Ce(), { show: t, hide: o } = no(), { setTool: r } = Mu(), s = B(null), i = B(null), l = B(null), a = B(!1), c = B(null), u = B(""), d = B(""), f = ge("containerRef"), { floatingStyles: h } = gr(s, i, {
@@ -23002,7 +23052,7 @@ const HT = /* @__PURE__ */ q({
             style: ve(F(h))
           }, [
             c.value ? (C(), A(ie, { key: 1 }, [
-              x("div", bE, [
+              x("div", CE, [
                 x("button", {
                   class: "wov-embed-back-button",
                   onClick: k
@@ -23020,7 +23070,7 @@ const HT = /* @__PURE__ */ q({
                 ])]),
                 x("span", null, _e((_ = p.find((D) => D.value === c.value)) == null ? void 0 : _.label), 1)
               ]),
-              x("div", xE, [
+              x("div", ME, [
                 jh(x("input", {
                   ref_key: "urlInputRef",
                   ref: l,
@@ -23029,10 +23079,10 @@ const HT = /* @__PURE__ */ q({
                   placeholder: m.value,
                   class: "wov-embed-url-input",
                   onKeydown: v
-                }, null, 40, SE), [
+                }, null, 40, TE), [
                   [Uh, u.value]
                 ]),
-                d.value ? (C(), A("div", CE, _e(d.value), 1)) : j("", !0),
+                d.value ? (C(), A("div", EE, _e(d.value), 1)) : j("", !0),
                 x("button", {
                   class: "wov-embed-submit-button",
                   onClick: w
@@ -23040,17 +23090,17 @@ const HT = /* @__PURE__ */ q({
               ])
             ], 64)) : (C(), A(ie, { key: 0 }, [
               E[10] || (E[10] = x("div", { class: "wov-embed-panel-header" }, "Add embed", -1)),
-              x("div", cE, [
+              x("div", fE, [
                 (C(), A(ie, null, Se(p, (D) => x("button", {
                   key: D.value,
                   class: "wov-embed-provider-button",
                   onClick: (N) => y(D.value)
                 }, [
-                  x("span", dE, [
-                    D.icon === "youtube" ? (C(), A("svg", fE, [...E[2] || (E[2] = [
+                  x("span", pE, [
+                    D.icon === "youtube" ? (C(), A("svg", mE, [...E[2] || (E[2] = [
                       x("path", { d: "M2.5 17V7a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-15a2 2 0 0 1-2-2z" }, null, -1),
                       x("path", { d: "m10 15 5-3-5-3z" }, null, -1)
-                    ])])) : D.icon === "spotify" ? (C(), A("svg", hE, [...E[3] || (E[3] = [
+                    ])])) : D.icon === "spotify" ? (C(), A("svg", gE, [...E[3] || (E[3] = [
                       x("circle", {
                         cx: "12",
                         cy: "12",
@@ -23059,14 +23109,14 @@ const HT = /* @__PURE__ */ q({
                       x("path", { d: "M8 11.973c2.5-1.473 5.5-.973 7.5.527" }, null, -1),
                       x("path", { d: "M9 15c1.5-1 4-.5 5.5.5" }, null, -1),
                       x("path", { d: "M7 9c3-2 7-1 10 1" }, null, -1)
-                    ])])) : D.icon === "map" ? (C(), A("svg", pE, [...E[4] || (E[4] = [
+                    ])])) : D.icon === "map" ? (C(), A("svg", yE, [...E[4] || (E[4] = [
                       x("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" }, null, -1),
                       x("circle", {
                         cx: "12",
                         cy: "9",
                         r: "2.5"
                       }, null, -1)
-                    ])])) : D.icon === "calendar" ? (C(), A("svg", mE, [...E[5] || (E[5] = [
+                    ])])) : D.icon === "calendar" ? (C(), A("svg", vE, [...E[5] || (E[5] = [
                       x("rect", {
                         x: "3",
                         y: "4",
@@ -23093,7 +23143,7 @@ const HT = /* @__PURE__ */ q({
                         x2: "21",
                         y2: "10"
                       }, null, -1)
-                    ])])) : D.icon === "slides" ? (C(), A("svg", gE, [...E[6] || (E[6] = [
+                    ])])) : D.icon === "slides" ? (C(), A("svg", wE, [...E[6] || (E[6] = [
                       x("rect", {
                         x: "2",
                         y: "3",
@@ -23114,24 +23164,24 @@ const HT = /* @__PURE__ */ q({
                         x2: "12",
                         y2: "21"
                       }, null, -1)
-                    ])])) : D.icon === "figma" ? (C(), A("svg", yE, [...E[7] || (E[7] = [
+                    ])])) : D.icon === "figma" ? (C(), A("svg", kE, [...E[7] || (E[7] = [
                       x("path", { d: "M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z" }, null, -1),
                       x("path", { d: "M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z" }, null, -1),
                       x("path", { d: "M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z" }, null, -1),
                       x("path", { d: "M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z" }, null, -1),
                       x("path", { d: "M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z" }, null, -1)
-                    ])])) : D.icon === "gist" ? (C(), A("svg", vE, [...E[8] || (E[8] = [
+                    ])])) : D.icon === "gist" ? (C(), A("svg", bE, [...E[8] || (E[8] = [
                       x("polyline", { points: "16 18 22 12 16 6" }, null, -1),
                       x("polyline", { points: "8 6 2 12 8 18" }, null, -1)
-                    ])])) : D.icon === "tldraw" ? (C(), A("svg", wE, [...E[9] || (E[9] = [
+                    ])])) : D.icon === "tldraw" ? (C(), A("svg", xE, [...E[9] || (E[9] = [
                       x("path", {
                         fill: "currentColor",
                         d: "M21.474 0H2.526C1.131 0 0 1.18 0 2.637v18.726C0 22.819 1.131 24 2.526 24h18.948C22.869 24 24 22.82 24 21.363V2.637C24 1.181 22.869 0 21.474 0m-11.01 5.388q.595-.607 1.474-.607q.854 0 1.448.607q.595.606.595 1.476c0 .87-.198 1.072-.595 1.476a1.95 1.95 0 0 1-1.448.607q-.879 0-1.474-.607q-.594-.606-.594-1.476c0-.87.198-1.072.594-1.476m3.13 11.49a4.9 4.9 0 0 1-2.018 2.136q-.724.422-1.19-.026q-.438-.422.26-1.002q.387-.29.646-.738q.258-.449.336-.923q.026-.21-.181-.21q-.517-.027-1.06-.581t-.543-1.37q0-.87.594-1.477a2.02 2.02 0 0 1 1.5-.633q.828 0 1.448.633q.62.605.724 1.37q.207 1.424-.517 2.822z"
                       }, null, -1)
                     ])])) : j("", !0)
                   ]),
-                  x("span", kE, _e(D.label), 1)
-                ], 8, uE)), 64))
+                  x("span", SE, _e(D.label), 1)
+                ], 8, hE)), 64))
               ])
             ], 64))
           ], 4)) : j("", !0)
@@ -23139,7 +23189,7 @@ const HT = /* @__PURE__ */ q({
       ], 64);
     };
   }
-}), TE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media", EE = /* @__PURE__ */ q({
+}), IE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media", OE = /* @__PURE__ */ q({
   __name: "TapeTool",
   setup(n) {
     const e = JSON.stringify({
@@ -23151,7 +23201,7 @@ const HT = /* @__PURE__ */ q({
         thickness: 30
       },
       asset: {
-        identifier: TE,
+        identifier: IE,
         uploadState: "complete"
       }
     });
@@ -23209,7 +23259,7 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot"]));
   }
-}), AE = /* @__PURE__ */ q({
+}), _E = /* @__PURE__ */ q({
   __name: "FrameTool",
   setup(n) {
     const e = O(() => JSON.stringify({
@@ -23245,22 +23295,22 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "draw-snapshot"]));
   }
-}), IE = { class: "wov-toolbar-container" }, OE = /* @__PURE__ */ q({
+}), DE = { class: "wov-toolbar-container" }, NE = /* @__PURE__ */ q({
   __name: "Toolbar",
   setup(n) {
     const e = Kh(), { reset: t } = no(), { nextEditorTick: o } = Ce(), r = B(null), s = B(null), i = ot(Bt), l = O(() => i.value.activeToolName), a = [
-      eE,
-      tE,
-      iE,
-      aE,
-      ME,
       oE,
+      rE,
+      cE,
+      dE,
       AE,
-      lE,
-      nE,
-      EE,
+      iE,
+      _E,
+      uE,
       sE,
-      rE
+      OE,
+      aE,
+      lE
     ], c = ge("containerRef"), u = B(null), d = B(!1), f = B(null), h = B(null), p = B(1 / 0), m = B(0), g = B([]), y = B(8), k = B(48), { width: w } = r0(c);
     function v() {
       return f.value ? Array.from(f.value.children).filter((X) => !X.classList.contains("wov-overflow-button") && !X.classList.contains("wov-menu-tooltip")) : [];
@@ -23279,8 +23329,8 @@ const HT = /* @__PURE__ */ q({
       if (g.value.length === 0) return;
       const re = w.value - 40 - 20, fe = y.value, ke = k.value;
       let Be = 0, qe = 0;
-      for (let bt = 0; bt < g.value.length; bt++) {
-        const Dt = g.value[bt], Cn = Be > 0 ? Dt + fe : Dt, Vt = g.value.length - bt - 1 > 0 ? ke : 0;
+      for (let xt = 0; xt < g.value.length; xt++) {
+        const Dt = g.value[xt], Cn = Be > 0 ? Dt + fe : Dt, Vt = g.value.length - xt - 1 > 0 ? ke : 0;
         if (Be + Cn + Vt <= re)
           Be += Cn, qe++;
         else
@@ -23290,7 +23340,7 @@ const HT = /* @__PURE__ */ q({
     }
     pe(w, () => {
       g.value.length > 0 && M();
-    }), wt(() => {
+    }), kt(() => {
       Gn(() => {
         b(), M();
       });
@@ -23355,8 +23405,8 @@ const HT = /* @__PURE__ */ q({
       dragOutTool: R,
       onToolPointerDown: W,
       onToolPointerUp: V
-    }), (X, Y) => (C(), A("div", IE, [
-      Z(JT),
+    }), (X, Y) => (C(), A("div", DE, [
+      Z(XT),
       x("div", {
         ref_key: "toolsContainerRef",
         ref: f,
@@ -23408,7 +23458,7 @@ const HT = /* @__PURE__ */ q({
       ], 8, ["to"])) : j("", !0)
     ]));
   }
-}), QA = /* @__PURE__ */ q({
+}), nI = /* @__PURE__ */ q({
   __name: "ArcArrowTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -23432,14 +23482,14 @@ const HT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), _E = { class: "wov-user-presence-avatars" }, DE = ["src", "alt"], NE = { class: "wov-user-presence-list" }, RE = ["src", "alt"], PE = { class: "wov-user-presence-name" }, LE = 4, $E = /* @__PURE__ */ q({
+}), RE = { class: "wov-user-presence-avatars" }, PE = ["src", "alt"], LE = { class: "wov-user-presence-list" }, $E = ["src", "alt"], BE = { class: "wov-user-presence-name" }, zE = 4, FE = /* @__PURE__ */ q({
   __name: "UserPresence",
   props: {
     users: {}
   },
   setup(n) {
     const e = n, t = B(!1), o = B(null);
-    cT(o, () => {
+    uT(o, () => {
       t.value = !1;
     });
     function r(l) {
@@ -23455,7 +23505,7 @@ const HT = /* @__PURE__ */ q({
         avatar: l.avatar,
         initials: r(l.name)
       }))
-    ), i = O(() => s.value.slice(0, LE));
+    ), i = O(() => s.value.slice(0, zE));
     return (l, a) => n.users.length > 1 ? (C(), A("div", {
       key: 0,
       ref_key: "containerRef",
@@ -23466,7 +23516,7 @@ const HT = /* @__PURE__ */ q({
         class: Te(["wov-user-presence-trigger", { "is-open": t.value }]),
         onClick: a[0] || (a[0] = (c) => t.value = !t.value)
       }, [
-        x("div", _E, [
+        x("div", RE, [
           (C(!0), A(ie, null, Se(i.value, (c) => (C(), A("div", {
             key: c.sessionId,
             class: "wov-user-avatar",
@@ -23477,7 +23527,7 @@ const HT = /* @__PURE__ */ q({
               src: c.avatar,
               alt: c.name,
               class: "wov-user-avatar-img"
-            }, null, 8, DE)) : (C(), A(ie, { key: 1 }, [
+            }, null, 8, PE)) : (C(), A(ie, { key: 1 }, [
               Sa(_e(c.initials), 1)
             ], 64))
           ], 4))), 128))
@@ -23486,10 +23536,10 @@ const HT = /* @__PURE__ */ q({
       t.value ? (C(), A("div", {
         key: 0,
         class: "wov-user-presence-dropdown",
-        onWheel: a[1] || (a[1] = At(() => {
+        onWheel: a[1] || (a[1] = ut(() => {
         }, ["stop"]))
       }, [
-        x("div", NE, [
+        x("div", LE, [
           (C(!0), A(ie, null, Se(s.value, (c) => (C(), A("div", {
             key: c.sessionId,
             class: "wov-user-presence-item"
@@ -23505,11 +23555,11 @@ const HT = /* @__PURE__ */ q({
                 src: c.avatar,
                 alt: c.name,
                 class: "wov-user-avatar-img"
-              }, null, 8, RE)) : (C(), A(ie, { key: 1 }, [
+              }, null, 8, $E)) : (C(), A(ie, { key: 1 }, [
                 Sa(_e(c.initials), 1)
               ], 64))
             ], 4),
-            x("span", PE, _e(c.name), 1)
+            x("span", BE, _e(c.name), 1)
           ]))), 128))
         ])
       ], 32)) : j("", !0)
@@ -23517,7 +23567,7 @@ const HT = /* @__PURE__ */ q({
   }
 }), dc = (n, e) => e.some((t) => n instanceof t);
 let bh, xh;
-function BE() {
+function HE() {
   return bh || (bh = [
     IDBDatabase,
     IDBObjectStore,
@@ -23526,7 +23576,7 @@ function BE() {
     IDBTransaction
   ]);
 }
-function zE() {
+function VE() {
   return xh || (xh = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
@@ -23534,7 +23584,7 @@ function zE() {
   ]);
 }
 const fc = /* @__PURE__ */ new WeakMap(), ya = /* @__PURE__ */ new WeakMap(), El = /* @__PURE__ */ new WeakMap();
-function FE(n) {
+function WE(n) {
   const e = new Promise((t, o) => {
     const r = () => {
       n.removeEventListener("success", s), n.removeEventListener("error", i);
@@ -23547,7 +23597,7 @@ function FE(n) {
   });
   return El.set(e, n), e;
 }
-function HE(n) {
+function jE(n) {
   if (fc.has(n))
     return;
   const e = new Promise((t, o) => {
@@ -23582,26 +23632,26 @@ let hc = {
 function s0(n) {
   hc = n(hc);
 }
-function VE(n) {
-  return zE().includes(n) ? function(...e) {
+function UE(n) {
+  return VE().includes(n) ? function(...e) {
     return n.apply(pc(this), e), bo(this.request);
   } : function(...e) {
     return bo(n.apply(pc(this), e));
   };
 }
-function WE(n) {
-  return typeof n == "function" ? VE(n) : (n instanceof IDBTransaction && HE(n), dc(n, BE()) ? new Proxy(n, hc) : n);
+function KE(n) {
+  return typeof n == "function" ? UE(n) : (n instanceof IDBTransaction && jE(n), dc(n, HE()) ? new Proxy(n, hc) : n);
 }
 function bo(n) {
   if (n instanceof IDBRequest)
-    return FE(n);
+    return WE(n);
   if (ya.has(n))
     return ya.get(n);
-  const e = WE(n);
+  const e = KE(n);
   return e !== n && (ya.set(n, e), El.set(e, n)), e;
 }
 const pc = (n) => El.get(n);
-function jE(n, e, { blocked: t, upgrade: o, blocking: r, terminated: s } = {}) {
+function qE(n, e, { blocked: t, upgrade: o, blocking: r, terminated: s } = {}) {
   const i = indexedDB.open(n, e), l = bo(i);
   return o && i.addEventListener("upgradeneeded", (a) => {
     o(bo(i.result), a.oldVersion, a.newVersion, bo(i.transaction), a);
@@ -23615,16 +23665,16 @@ function jE(n, e, { blocked: t, upgrade: o, blocking: r, terminated: s } = {}) {
   }).catch(() => {
   }), l;
 }
-const UE = ["get", "getKey", "getAll", "getAllKeys", "count"], KE = ["put", "add", "delete", "clear"], va = /* @__PURE__ */ new Map();
+const JE = ["get", "getKey", "getAll", "getAllKeys", "count"], GE = ["put", "add", "delete", "clear"], va = /* @__PURE__ */ new Map();
 function Sh(n, e) {
   if (!(n instanceof IDBDatabase && !(e in n) && typeof e == "string"))
     return;
   if (va.get(e))
     return va.get(e);
-  const t = e.replace(/FromIndex$/, ""), o = e !== t, r = KE.includes(t);
+  const t = e.replace(/FromIndex$/, ""), o = e !== t, r = GE.includes(t);
   if (
     // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.
-    !(t in (o ? IDBIndex : IDBObjectStore).prototype) || !(r || UE.includes(t))
+    !(t in (o ? IDBIndex : IDBObjectStore).prototype) || !(r || JE.includes(t))
   )
     return;
   const s = async function(i, ...l) {
@@ -23642,9 +23692,9 @@ s0((n) => ({
   get: (e, t, o) => Sh(e, t) || n.get(e, t, o),
   has: (e, t) => !!Sh(e, t) || n.has(e, t)
 }));
-const qE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PURE__ */ new WeakMap(), i0 = /* @__PURE__ */ new WeakMap(), JE = {
+const YE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PURE__ */ new WeakMap(), i0 = /* @__PURE__ */ new WeakMap(), XE = {
   get(n, e) {
-    if (!qE.includes(e))
+    if (!YE.includes(e))
       return n[e];
     let t = Ch[e];
     return t || (t = Ch[e] = function(...o) {
@@ -23652,12 +23702,12 @@ const qE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PU
     }), t;
   }
 };
-async function* GE(...n) {
+async function* ZE(...n) {
   let e = this;
   if (e instanceof IDBCursor || (e = await e.openCursor(...n)), !e)
     return;
   e = e;
-  const t = new Proxy(e, JE);
+  const t = new Proxy(e, XE);
   for (i0.set(t, e), El.set(t, pc(e)); e; )
     yield t, e = await (mc.get(t) || e.continue()), mc.delete(t);
 }
@@ -23667,21 +23717,21 @@ function Mh(n, e) {
 s0((n) => ({
   ...n,
   get(e, t, o) {
-    return Mh(e, t) ? GE : n.get(e, t, o);
+    return Mh(e, t) ? ZE : n.get(e, t, o);
   },
   has(e, t) {
     return Mh(e, t) || n.has(e, t);
   }
 }));
 async function gc(n, e) {
-  const t = await jE(n, 1, {
+  const t = await qE(n, 1, {
     upgrade(o) {
       o.objectStoreNames.contains(e) || o.createObjectStore(e);
     }
   });
-  return new YE(t, e);
+  return new QE(t, e);
 }
-var YE = class {
+var QE = class {
   constructor(n, e) {
     this.db = n, this.storeName = e;
   }
@@ -23707,7 +23757,7 @@ var YE = class {
   close() {
     this.db.close();
   }
-}, XE = class {
+}, e3 = class {
   constructor(n) {
     this.jobsStore = null, this.binariesStore = null, this.blobUrls = /* @__PURE__ */ new Map(), this.uploading = /* @__PURE__ */ new Set(), this.uploadPromises = /* @__PURE__ */ new Map(), this.startListeners = /* @__PURE__ */ new Set(), this.completeListeners = /* @__PURE__ */ new Set(), this.errorListeners = /* @__PURE__ */ new Set(), this.persisting = /* @__PURE__ */ new Set(), this.persistStartListeners = /* @__PURE__ */ new Set(), this.persistEndListeners = /* @__PURE__ */ new Set(), this.provider = n.provider, this.documentId = n.documentId, this.maxRetries = n.provider.maxRetries ?? 3, this.retryDelay = n.provider.retryDelay ?? 5e3;
   }
@@ -23937,7 +23987,7 @@ var YE = class {
       s && (s.reject(r), this.uploadPromises.delete(n));
     }
   }
-}, ZE = "wovencanvas-assets", QE = "blobs", e3 = class {
+}, t3 = "wovencanvas-assets", n3 = "blobs", o3 = class {
   constructor() {
     this.store = null, this.initPromise = null, this.maxRetries = 3, this.retryDelay = 5e3;
   }
@@ -23960,10 +24010,10 @@ var YE = class {
     this.store && (this.store.close(), this.store = null, this.initPromise = null);
   }
   getStore() {
-    return this.store ? Promise.resolve(this.store) : (this.initPromise || (this.initPromise = gc(ZE, QE).then((n) => (this.store = n, n))), this.initPromise);
+    return this.store ? Promise.resolve(this.store) : (this.initPromise || (this.initPromise = gc(t3, n3).then((n) => (this.store = n, n))), this.initPromise);
   }
 };
-const t3 = /* @__PURE__ */ q({
+const r3 = /* @__PURE__ */ q({
   __name: "StickyNote",
   props: {
     entityId: {},
@@ -24013,14 +24063,14 @@ const t3 = /* @__PURE__ */ q({
     /** Checkpoint ID for squashing edited block history, or empty string if none */
     editedCheckpoint: pn.string().default("").max(36)
   }
-), n3 = JSON.stringify({
+), s3 = JSON.stringify({
   block: { tag: "text", size: [10, 29] },
   text: { constrainWidth: !1, fontSizePx: 24 }
 }), qr = Fh(
   { name: "doubleClickState" },
   {
     /** JSON-serialized BlockSnapshot, or empty string to disable */
-    snapshot: pn.string().max(1024).default(n3),
+    snapshot: pn.string().max(1024).default(s3),
     lastClickTime: pn.float64().default(0),
     lastClickWorldX: pn.float64().default(0),
     lastClickWorldY: pn.float64().default(0)
@@ -24054,7 +24104,7 @@ function Eh(n, e, t, o, r) {
   const u = Nc.write(n);
   u.cursorKind = "select", u.rotation = 0;
 }
-function o3(n) {
+function i3(n) {
   const e = Ui.read(n);
   if (e.editedCheckpoint) {
     const t = e.editedCheckpoint;
@@ -24063,9 +24113,9 @@ function o3(n) {
     o.onSettled(() => o.squashToCheckpoint(t), { frames: 5 });
   }
 }
-const r3 = tl({ phase: "capture" }, (n) => {
+const l3 = tl({ phase: "capture" }, (n) => {
   if (nl(n)) return;
-  Th.removed(n).length > 0 && Th.current(n).length === 0 && o3(n);
+  Th.removed(n).length > 0 && Th.current(n).length === 0 && i3(n);
   const e = Bt.read(n);
   if (!e.heldSnapshot || e.leftMouseTool === "draw") return;
   const t = Rc(n, [Zh.Left]);
@@ -24094,7 +24144,7 @@ const r3 = tl({ phase: "capture" }, (n) => {
       "placement"
     );
   }
-}), s3 = 400, i3 = 10, l3 = tl({ phase: "capture" }, (n) => {
+}), a3 = 400, c3 = 10, u3 = tl({ phase: "capture" }, (n) => {
   var d, f;
   if (nl(n)) return;
   const e = qr.read(n);
@@ -24106,7 +24156,7 @@ const r3 = tl({ phase: "capture" }, (n) => {
   const r = o.find((h) => h.type === "click" && !h.obscured);
   if (!r || r.intersects.some((h) => !Fe(n, h, js))) return;
   const i = performance.now(), l = i - e.lastClickTime, a = r.worldPosition[0] - e.lastClickWorldX, c = r.worldPosition[1] - e.lastClickWorldY, u = Math.sqrt(a * a + c * c);
-  if (l < s3 && u < i3) {
+  if (l < a3 && u < c3) {
     let h;
     try {
       h = JSON.parse(e.snapshot);
@@ -24129,7 +24179,7 @@ const r3 = tl({ phase: "capture" }, (n) => {
     h.lastClickTime = i, h.lastClickWorldX = r.worldPosition[0], h.lastClickWorldY = r.worldPosition[1];
   }
 });
-function a3() {
+function d3() {
   if (typeof globalThis < "u")
     return globalThis;
   if (typeof self < "u")
@@ -24139,15 +24189,15 @@ function a3() {
   if (typeof global < "u")
     return global;
 }
-function c3() {
-  const n = a3();
+function f3() {
+  const n = d3();
   if (n.__xstate__)
     return n.__xstate__;
 }
-const u3 = (n) => {
+const h3 = (n) => {
   if (typeof window > "u")
     return;
-  const e = c3();
+  const e = f3();
   e && e.register(n);
 };
 class Ah {
@@ -24179,8 +24229,8 @@ class Ah {
     this._last = null;
   }
 }
-const a0 = ".", d3 = "", c0 = "", f3 = "#", h3 = "*", u0 = "xstate.init", p3 = "xstate.error", yc = "xstate.stop";
-function m3(n, e) {
+const a0 = ".", p3 = "", c0 = "", m3 = "#", g3 = "*", u0 = "xstate.init", y3 = "xstate.error", yc = "xstate.stop";
+function v3(n, e) {
   return {
     type: `xstate.after.${n}.${e}`
   };
@@ -24191,7 +24241,7 @@ function vc(n, e) {
     output: e
   };
 }
-function g3(n, e) {
+function w3(n, e) {
   return {
     type: `xstate.done.actor.${n}`,
     output: e,
@@ -24216,7 +24266,7 @@ function Ut(n) {
     throw n;
   });
 }
-const y3 = typeof Symbol == "function" && Symbol.observable || "@@observable";
+const k3 = typeof Symbol == "function" && Symbol.observable || "@@observable";
 function h0(n, e) {
   const t = Ih(n), o = Ih(e);
   return typeof o == "string" ? typeof t == "string" ? o === t : !1 : typeof t == "string" ? t in o : Object.keys(t).every((r) => r in o ? h0(t[r], o[r]) : !1);
@@ -24240,14 +24290,14 @@ function Nu(n) {
   return e.push(t), e;
 }
 function Ih(n) {
-  if (Z3(n))
+  if (tA(n))
     return n.value;
   if (typeof n != "string")
     return n;
   const e = Nu(n);
-  return v3(e);
+  return b3(e);
 }
-function v3(n) {
+function b3(n) {
   if (n.length === 1)
     return n[0];
   const e = {};
@@ -24285,7 +24335,7 @@ function wc(n, e, t, o) {
 function m0(n) {
   return Array.isArray(n);
 }
-function w3(n) {
+function x3(n) {
   return n.type.startsWith("xstate.error.actor");
 }
 function jo(n) {
@@ -24294,7 +24344,7 @@ function jo(n) {
   } : e);
 }
 function g0(n) {
-  if (!(n === void 0 || n === d3))
+  if (!(n === void 0 || n === p3))
     return Wn(n);
 }
 function kc(n, e, t) {
@@ -24316,8 +24366,8 @@ function Ru(n, e) {
   const [, o, r] = t, i = n.getStateNodeById(r).config.invoke;
   return (Array.isArray(i) ? i[o] : i).src;
 }
-function k3(n, e) {
-  if (e === n || e === h3)
+function S3(n, e) {
+  if (e === n || e === g3)
     return !0;
   if (!e.endsWith(".*"))
     return !1;
@@ -24334,8 +24384,8 @@ function k3(n, e) {
 function Dh(n, e) {
   return `${n.sessionId}.${e}`;
 }
-let b3 = 0;
-function x3(n, e) {
+let C3 = 0;
+function M3(n, e) {
   const t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Set(), i = {}, {
     clock: l,
     logger: a
@@ -24380,7 +24430,7 @@ function x3(n, e) {
     _snapshot: {
       _scheduledEvents: ((e == null ? void 0 : e.snapshot) && e.snapshot.scheduler) ?? {}
     },
-    _bookId: () => `x:${b3++}`,
+    _bookId: () => `x:${C3++}`,
     _register: (f, h) => (t.set(f, h), f),
     _unregister: (f) => {
       t.delete(f.sessionId);
@@ -24439,10 +24489,10 @@ function x3(n, e) {
 }
 let wa = !1;
 const Pu = 1;
-let ht = /* @__PURE__ */ function(n) {
+let pt = /* @__PURE__ */ function(n) {
   return n[n.NotStarted = 0] = "NotStarted", n[n.Running = 1] = "Running", n[n.Stopped = 2] = "Stopped", n;
 }({});
-const S3 = {
+const T3 = {
   clock: {
     setTimeout: (n, e) => setTimeout(n, e),
     clearTimeout: (n) => clearTimeout(n)
@@ -24450,7 +24500,7 @@ const S3 = {
   logger: console.log.bind(console),
   devTools: !1
 };
-class C3 {
+class E3 {
   /**
    * Creates a new actor instance for the given logic with the provided options,
    * if any.
@@ -24459,9 +24509,9 @@ class C3 {
    * @param options Actor options
    */
   constructor(e, t) {
-    this.logic = e, this._snapshot = void 0, this.clock = void 0, this.options = void 0, this.id = void 0, this.mailbox = new Ah(this._process.bind(this)), this.observers = /* @__PURE__ */ new Set(), this.eventListeners = /* @__PURE__ */ new Map(), this.logger = void 0, this._processingStatus = ht.NotStarted, this._parent = void 0, this._syncSnapshot = void 0, this.ref = void 0, this._actorScope = void 0, this.systemId = void 0, this.sessionId = void 0, this.system = void 0, this._doneEvent = void 0, this.src = void 0, this._deferred = [];
+    this.logic = e, this._snapshot = void 0, this.clock = void 0, this.options = void 0, this.id = void 0, this.mailbox = new Ah(this._process.bind(this)), this.observers = /* @__PURE__ */ new Set(), this.eventListeners = /* @__PURE__ */ new Map(), this.logger = void 0, this._processingStatus = pt.NotStarted, this._parent = void 0, this._syncSnapshot = void 0, this.ref = void 0, this._actorScope = void 0, this.systemId = void 0, this.sessionId = void 0, this.system = void 0, this._doneEvent = void 0, this.src = void 0, this._deferred = [];
     const o = {
-      ...S3,
+      ...T3,
       ...t
     }, {
       clock: r,
@@ -24472,7 +24522,7 @@ class C3 {
       systemId: c,
       inspect: u
     } = o;
-    this.system = i ? i.system : x3(this, {
+    this.system = i ? i.system : M3(this, {
       clock: r,
       logger: s
     }), u && !i && this.system.inspect(kc(u)), this.sessionId = this.system._bookId(), this.id = a ?? this.sessionId, this.logger = (t == null ? void 0 : t.logger) ?? this.system._logger, this.clock = (t == null ? void 0 : t.clock) ?? this.system._clock, this._parent = i, this._syncSnapshot = l, this.options = o, this.src = o.src ?? e, this.ref = this, this._actorScope = {
@@ -24519,7 +24569,7 @@ class C3 {
             wa = h;
           }
         };
-        this._processingStatus === ht.Running ? f() : this._deferred.push(f);
+        this._processingStatus === pt.Running ? f() : this._deferred.push(f);
       }
     }, this.send = this.send.bind(this), this.system._sendInspectionEvent({
       type: "@xstate.actor",
@@ -24568,7 +24618,7 @@ class C3 {
           } catch (l) {
             Ut(l);
           }
-        this._stopProcedure(), this._complete(), this._doneEvent = g3(this.id, this._snapshot.output), this._parent && this.system._relay(this, this._parent, this._doneEvent);
+        this._stopProcedure(), this._complete(), this._doneEvent = w3(this.id, this._snapshot.output), this._parent && this.system._relay(this, this._parent, this._doneEvent);
         break;
       case "error":
         this._error(this._snapshot.error);
@@ -24643,7 +24693,7 @@ class C3 {
   subscribe(e, t, o) {
     var s;
     const r = kc(e, t, o);
-    if (this._processingStatus !== ht.Stopped)
+    if (this._processingStatus !== pt.Stopped)
       this.observers.add(r);
     else
       switch (this._snapshot.status) {
@@ -24685,7 +24735,7 @@ class C3 {
   }
   /** Starts the Actor from the initial state */
   start() {
-    if (this._processingStatus === ht.Running)
+    if (this._processingStatus === pt.Running)
       return this;
     this._syncSnapshot && this.subscribe({
       next: (o) => {
@@ -24696,7 +24746,7 @@ class C3 {
       },
       error: () => {
       }
-    }), this.system._register(this.sessionId, this), this.systemId && this.system._set(this.systemId, this), this._processingStatus = ht.Running;
+    }), this.system._register(this.sessionId, this), this.systemId && this.system._set(this.systemId, this), this._processingStatus = pt.Running;
     const e = f0(this.options.input);
     switch (this.system._sendInspectionEvent({
       type: "@xstate.event",
@@ -24744,7 +24794,7 @@ class C3 {
     this.update(t, e), e.type === yc && (this._stopProcedure(), this._complete());
   }
   _stop() {
-    return this._processingStatus === ht.Stopped ? this : (this.mailbox.clear(), this._processingStatus === ht.NotStarted ? (this._processingStatus = ht.Stopped, this) : (this.mailbox.enqueue({
+    return this._processingStatus === pt.Stopped ? this : (this.mailbox.clear(), this._processingStatus === pt.NotStarted ? (this._processingStatus = pt.Stopped, this) : (this.mailbox.enqueue({
       type: yc
     }), this));
   }
@@ -24790,11 +24840,11 @@ class C3 {
   // right now, they are being stopped within the machine's transition
   // but that could throw and leave us with "orphaned" active actors
   _stopProcedure() {
-    return this._processingStatus !== ht.Running ? this : (this.system.scheduler.cancelAll(this), this.mailbox.clear(), this.mailbox = new Ah(this._process.bind(this)), this._processingStatus = ht.Stopped, this.system._unregister(this), this);
+    return this._processingStatus !== pt.Running ? this : (this.system.scheduler.cancelAll(this), this.mailbox.clear(), this.mailbox = new Ah(this._process.bind(this)), this._processingStatus = pt.Stopped, this.system._unregister(this), this);
   }
   /** @internal */
   _send(e) {
-    this._processingStatus !== ht.Stopped && this.mailbox.enqueue(e);
+    this._processingStatus !== pt.Stopped && this.mailbox.enqueue(e);
   }
   /**
    * Sends an event to the running Actor to trigger a transition.
@@ -24808,7 +24858,7 @@ class C3 {
     const {
       devTools: e
     } = this.options;
-    e && (typeof e == "function" ? e : u3)(this);
+    e && (typeof e == "function" ? e : h3)(this);
   }
   toJSON() {
     return {
@@ -24832,7 +24882,7 @@ class C3 {
   getPersistedSnapshot(e) {
     return this.logic.getPersistedSnapshot(this._snapshot, e);
   }
-  [y3]() {
+  [k3]() {
     return this;
   }
   /**
@@ -24854,9 +24904,9 @@ class C3 {
   }
 }
 function Ki(n, ...[e]) {
-  return new C3(n, e);
+  return new E3(n, e);
 }
-function M3(n, e, t, o, {
+function A3(n, e, t, o, {
   sendId: r
 }) {
   const s = typeof r == "function" ? r(t, o) : r;
@@ -24864,7 +24914,7 @@ function M3(n, e, t, o, {
     sendId: s
   }, void 0];
 }
-function T3(n, e) {
+function I3(n, e) {
   n.defer(() => {
     n.system.scheduler.cancel(n.self, e.sendId);
   });
@@ -24872,9 +24922,9 @@ function T3(n, e) {
 function Lu(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.cancel", e.sendId = n, e.resolve = M3, e.execute = T3, e;
+  return e.type = "xstate.cancel", e.sendId = n, e.resolve = A3, e.execute = I3, e;
 }
-function E3(n, e, t, o, {
+function O3(n, e, t, o, {
   id: r,
   systemId: s,
   src: i,
@@ -24907,11 +24957,11 @@ function E3(n, e, t, o, {
     input: f
   }, void 0];
 }
-function A3(n, {
+function _3(n, {
   actorRef: e
 }) {
   e && n.defer(() => {
-    e._processingStatus !== ht.Stopped && e.start();
+    e._processingStatus !== pt.Stopped && e.start();
   });
 }
 function $u(...[n, {
@@ -24922,9 +24972,9 @@ function $u(...[n, {
 } = {}]) {
   function s(i, l) {
   }
-  return s.type = "xstate.spawnChild", s.id = e, s.systemId = t, s.src = n, s.input = o, s.syncSnapshot = r, s.resolve = E3, s.execute = A3, s;
+  return s.type = "xstate.spawnChild", s.id = e, s.systemId = t, s.src = n, s.input = o, s.syncSnapshot = r, s.resolve = O3, s.execute = _3, s;
 }
-function I3(n, e, t, o, {
+function D3(n, e, t, o, {
   actorRef: r
 }) {
   const s = typeof r == "function" ? r(t, o) : r, i = typeof s == "string" ? e.children[s] : s;
@@ -24942,9 +24992,9 @@ function y0(n, e) {
       y0(n, o);
   n.system._unregister(e);
 }
-function O3(n, e) {
+function N3(n, e) {
   if (e) {
-    if (y0(n, e), e._processingStatus !== ht.Running) {
+    if (y0(n, e), e._processingStatus !== pt.Running) {
       n.stopChild(e);
       return;
     }
@@ -24956,7 +25006,7 @@ function O3(n, e) {
 function Al(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.stopChild", e.actorRef = n, e.resolve = I3, e.execute = O3, e;
+  return e.type = "xstate.stopChild", e.actorRef = n, e.resolve = D3, e.execute = N3, e;
 }
 function Il(n, e, t, o) {
   const {
@@ -25045,16 +25095,16 @@ function k0(n, e) {
 function zu(n, e) {
   return e.type === "compound" ? ir(e).some((t) => t.type === "final" && n.has(t)) : e.type === "parallel" ? ir(e).every((t) => zu(n, t)) : e.type === "final";
 }
-const Ol = (n) => n[0] === f3;
-function _3(n, e) {
-  return n.transitions.get(e) || [...n.transitions.keys()].filter((o) => k3(e, o)).sort((o, r) => r.length - o.length).flatMap((o) => n.transitions.get(o));
+const Ol = (n) => n[0] === m3;
+function R3(n, e) {
+  return n.transitions.get(e) || [...n.transitions.keys()].filter((o) => S3(e, o)).sort((o, r) => r.length - o.length).flatMap((o) => n.transitions.get(o));
 }
-function D3(n) {
+function P3(n) {
   const e = n.config.after;
   if (!e)
     return [];
   const t = (r) => {
-    const s = m3(r, n.id), i = s.type;
+    const s = v3(r, n.id), i = s.type;
     return n.entry.push(Vu(s, {
       id: i,
       delay: r
@@ -25080,7 +25130,7 @@ function D3(n) {
   });
 }
 function Pn(n, e, t) {
-  const o = g0(t.target), r = t.reenter ?? !1, s = L3(n, o), i = {
+  const o = g0(t.target), r = t.reenter ?? !1, s = z3(n, o), i = {
     ...t,
     actions: Wn(t.actions),
     guard: t.guard,
@@ -25096,7 +25146,7 @@ function Pn(n, e, t) {
   };
   return i;
 }
-function N3(n) {
+function L3(n) {
   const e = /* @__PURE__ */ new Map();
   if (n.config.on)
     for (const t of Object.keys(n.config.on)) {
@@ -25129,7 +25179,7 @@ function N3(n) {
   }
   return e;
 }
-function R3(n) {
+function $3(n) {
   const e = [], t = (o) => {
     Object.values(o).forEach((r) => {
       if (r.config.route && r.config.id) {
@@ -25145,7 +25195,7 @@ function R3(n) {
   };
   t(n.states), e.length > 0 && n.transitions.set("xstate.route", e);
 }
-function P3(n, e) {
+function B3(n, e) {
   const t = typeof e == "string" ? n.states[e] : e ? n.states[e.target] : void 0;
   if (!t && e)
     throw new Error(
@@ -25166,7 +25216,7 @@ function P3(n, e) {
   };
   return o;
 }
-function L3(n, e) {
+function z3(n, e) {
   if (e !== void 0)
     return e.map((t) => {
       if (typeof t != "string")
@@ -25259,15 +25309,15 @@ function Gi(n, e) {
     return r.concat(l);
   }, []));
 }
-function $3(n, e, t, o) {
+function F3(n, e, t, o) {
   const s = lr(n, e).next(t, o);
   return !s || !s.length ? n.next(t, o) : s;
 }
-function B3(n, e, t, o) {
+function H3(n, e, t, o) {
   const r = Object.keys(e), s = lr(n, r[0]), i = Fu(s, e[r[0]], t, o);
   return !i || !i.length ? n.next(t, o) : i;
 }
-function z3(n, e, t, o) {
+function V3(n, e, t, o) {
   const r = [];
   for (const s of Object.keys(e)) {
     const i = e[s];
@@ -25279,9 +25329,9 @@ function z3(n, e, t, o) {
   return r.length ? r : n.next(t, o);
 }
 function Fu(n, e, t, o) {
-  return typeof e == "string" ? $3(n, e, t, o) : Object.keys(e).length === 1 ? B3(n, e, t, o) : z3(n, e, t, o);
+  return typeof e == "string" ? F3(n, e, t, o) : Object.keys(e).length === 1 ? H3(n, e, t, o) : V3(n, e, t, o);
 }
-function F3(n) {
+function W3(n) {
   return Object.keys(n.states).map((e) => n.states[e]).filter((e) => e.type === "history");
 }
 function Qn(n, e) {
@@ -25290,7 +25340,7 @@ function Qn(n, e) {
     t = t.parent;
   return t.parent === e;
 }
-function H3(n, e) {
+function j3(n, e) {
   const t = new Set(n), o = new Set(e);
   for (const r of t)
     if (o.has(r))
@@ -25306,7 +25356,7 @@ function S0(n, e, t) {
     let s = !1;
     const i = /* @__PURE__ */ new Set();
     for (const l of o)
-      if (H3(bc([r], e, t), bc([l], e, t)))
+      if (j3(bc([r], e, t), bc([l], e, t)))
         if (Qn(r.source, l.source))
           i.add(l);
         else {
@@ -25321,7 +25371,7 @@ function S0(n, e, t) {
   }
   return Array.from(o);
 }
-function V3(n) {
+function U3(n) {
   const [e, ...t] = n;
   for (const o of ws(e, void 0))
     if (t.every((r) => Qn(r, o)))
@@ -25349,7 +25399,7 @@ function C0(n, e) {
     return;
   if (!n.reenter && t.every((r) => r === n.source || Qn(r, n.source)))
     return n.source;
-  const o = V3(t.concat(n.source));
+  const o = U3(t.concat(n.source));
   if (o)
     return o;
   if (!n.reenter)
@@ -25367,7 +25417,7 @@ function bc(n, e, t) {
     }
   return [...o];
 }
-function W3(n, e) {
+function K3(n, e) {
   if (n.length !== e.size)
     return !1;
   for (const t of n)
@@ -25375,7 +25425,7 @@ function W3(n, e) {
       return !1;
   return !0;
 }
-function j3(n, e, t, o, r) {
+function q3(n, e, t, o, r) {
   return xc([{
     target: [...x0(n)],
     source: n,
@@ -25398,11 +25448,11 @@ function xc(n, e, t, o, r, s) {
     let c = e.historyValue;
     const u = S0(n, a, c);
     let d = e;
-    r || ([d, c] = J3(d, o, t, u, a, c, s, t.actionExecutor)), d = ar(d, o, t, u.flatMap((h) => h.actions), s, void 0), d = K3(d, o, t, u, a, s, c, r);
+    r || ([d, c] = X3(d, o, t, u, a, c, s, t.actionExecutor)), d = ar(d, o, t, u.flatMap((h) => h.actions), s, void 0), d = G3(d, o, t, u, a, s, c, r);
     const f = [...a];
     d.status === "done" && (d = ar(d, o, t, f.sort((h, p) => p.order - h.order).flatMap((h) => h.exit), s, void 0));
     try {
-      return c === e.historyValue && W3(e._nodes, a) ? [d, i] : [Ao(d, {
+      return c === e.historyValue && K3(e._nodes, a) ? [d, i] : [Ao(d, {
         _nodes: f,
         historyValue: c
       }), i];
@@ -25413,16 +25463,16 @@ function xc(n, e, t, o, r, s) {
     t.actionExecutor = l;
   }
 }
-function U3(n, e, t, o, r) {
+function J3(n, e, t, o, r) {
   if (o.output === void 0)
     return;
   const s = vc(r.id, r.output !== void 0 && r.parent ? wc(r.output, n.context, e, t.self) : void 0);
   return wc(o.output, n.context, s, t.self);
 }
-function K3(n, e, t, o, r, s, i, l) {
+function G3(n, e, t, o, r, s, i, l) {
   let a = n;
   const c = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
-  q3(o, i, u, c), l && u.add(n.machine.root);
+  Y3(o, i, u, c), l && u.add(n.machine.root);
   const d = /* @__PURE__ */ new Set();
   for (const f of [...c].sort((h, p) => h.order - p.order)) {
     r.add(f);
@@ -25446,13 +25496,13 @@ function K3(n, e, t, o, r, s, i, l) {
         continue;
       a = Ao(a, {
         status: "done",
-        output: U3(a, e, t, a.machine.root, g)
+        output: J3(a, e, t, a.machine.root, g)
       });
     }
   }
   return a;
 }
-function q3(n, e, t, o) {
+function Y3(n, e, t, o) {
   for (const r of n) {
     const s = C0(r, e);
     for (const l of r.target || [])
@@ -25500,13 +25550,13 @@ function M0(n, e, t, o, r) {
 function ka(n, e, t, o, r) {
   M0(t, o, r, ws(n, e));
 }
-function J3(n, e, t, o, r, s, i, l) {
+function X3(n, e, t, o, r, s, i, l) {
   let a = n;
   const c = bc(o, r, s);
   c.sort((d, f) => f.order - d.order);
   let u;
   for (const d of c)
-    for (const f of F3(d)) {
+    for (const f of W3(d)) {
       let h;
       f.history === "deep" ? h = (p) => Bu(p) && Qn(p, d) : h = (p) => p.parent === d, u ?? (u = {
         ...s
@@ -25516,7 +25566,7 @@ function J3(n, e, t, o, r, s, i, l) {
     a = ar(a, e, t, [...d.exit, ...d.invoke.map((f) => Al(f.id))], i, void 0), r.delete(d);
   return [a, u || s];
 }
-function G3(n, e) {
+function Z3(n, e) {
   return n.implementations.actions[e];
 }
 function T0(n, e, t, o, r, s) {
@@ -25529,7 +25579,7 @@ function T0(n, e, t, o, r, s) {
       // the existing type of `.actions` assumes non-nullable `TExpressionAction`
       // it's fine to cast this here to get a common type and lack of errors in the rest of the code
       // our logic below makes sure that we call those 2 "variants" correctly
-      G3(i, typeof a == "string" ? a : a.type)
+      Z3(i, typeof a == "string" ? a : a.type)
     ), d = {
       context: l.context,
       event: e,
@@ -25596,7 +25646,7 @@ function ba(n, e, t, o) {
     };
   let l = e;
   if (l.type !== u0) {
-    const c = l, u = w3(c), d = Ph(c, r);
+    const c = l, u = x3(c), d = Ph(c, r);
     if (u && !d.length)
       return r = Ao(n, {
         status: "error",
@@ -25618,7 +25668,7 @@ function ba(n, e, t, o) {
   }
   let a = !0;
   for (; r.status === "active"; ) {
-    let c = a ? Y3(r, l) : [];
+    let c = a ? Q3(r, l) : [];
     const u = c.length ? r : void 0;
     if (!c.length) {
       if (!o.length)
@@ -25639,7 +25689,7 @@ function Rh(n, e, t) {
 function Ph(n, e) {
   return e.machine.getTransitionData(e, n);
 }
-function Y3(n, e) {
+function Q3(n, e) {
   const t = /* @__PURE__ */ new Set(), o = n._nodes.filter(Bu);
   for (const r of o)
     e: for (const s of [r].concat(ws(r, void 0)))
@@ -25652,22 +25702,22 @@ function Y3(n, e) {
       }
   return S0(Array.from(t), new Set(n._nodes), n.historyValue);
 }
-function X3(n, e) {
+function eA(n, e) {
   const t = qi(Gi(n, e));
   return k0(n, [...t]);
 }
-function Z3(n) {
+function tA(n) {
   return !!n && typeof n == "object" && "machine" in n && "value" in n;
 }
-const Q3 = function(e) {
+const nA = function(e) {
   return h0(e, this.value);
-}, eA = function(e) {
+}, oA = function(e) {
   return this.tags.has(e);
-}, tA = function(e) {
+}, rA = function(e) {
   const t = this.machine.getTransitionData(this, e);
   return !!(t != null && t.length) && // Check that at least one transition is not forbidden
   t.some((o) => o.target !== void 0 || o.actions.length);
-}, nA = function() {
+}, sA = function() {
   const {
     _nodes: e,
     tags: t,
@@ -25683,7 +25733,7 @@ const Q3 = function(e) {
     ...c,
     tags: Array.from(t)
   };
-}, oA = function() {
+}, iA = function() {
   return this._nodes.reduce((e, t) => (t.meta !== void 0 && (e[t.id] = t.meta), e), {});
 };
 function Vs(n, e) {
@@ -25698,11 +25748,11 @@ function Vs(n, e) {
     tags: new Set(n._nodes.flatMap((t) => t.tags)),
     children: n.children,
     historyValue: n.historyValue || {},
-    matches: Q3,
-    hasTag: eA,
-    can: tA,
-    getMeta: oA,
-    toJSON: nA
+    matches: nA,
+    hasTag: oA,
+    can: rA,
+    getMeta: iA,
+    toJSON: sA
   };
 }
 function Ao(n, e = {}) {
@@ -25711,7 +25761,7 @@ function Ao(n, e = {}) {
     ...e
   }, n.machine);
 }
-function rA(n) {
+function lA(n) {
   if (typeof n != "object" || n === null)
     return {};
   const e = {};
@@ -25723,7 +25773,7 @@ function rA(n) {
   }
   return e;
 }
-function sA(n, e) {
+function aA(n, e) {
   const {
     _nodes: t,
     tags: o,
@@ -25750,7 +25800,7 @@ function sA(n, e) {
     ...f,
     context: E0(i),
     children: h,
-    historyValue: rA(f.historyValue)
+    historyValue: lA(f.historyValue)
   };
 }
 function E0(n) {
@@ -25774,7 +25824,7 @@ function E0(n) {
   }
   return e ?? n;
 }
-function iA(n, e, t, o, {
+function cA(n, e, t, o, {
   event: r,
   id: s,
   delay: i
@@ -25800,7 +25850,7 @@ function iA(n, e, t, o, {
     delay: u
   }, void 0];
 }
-function lA(n, e) {
+function uA(n, e) {
   const {
     event: t,
     delay: o,
@@ -25817,9 +25867,9 @@ function lA(n, e) {
 function Vu(n, e) {
   function t(o, r) {
   }
-  return t.type = "xstate.raise", t.event = n, t.id = e == null ? void 0 : e.id, t.delay = e == null ? void 0 : e.delay, t.resolve = iA, t.execute = lA, t;
+  return t.type = "xstate.raise", t.event = n, t.id = e == null ? void 0 : e.id, t.delay = e == null ? void 0 : e.delay, t.resolve = cA, t.execute = uA, t;
 }
-function aA(n, {
+function dA(n, {
   machine: e,
   context: t
 }, o, r) {
@@ -25854,11 +25904,11 @@ function aA(n, {
   return (i, l) => {
     const a = s(i, l);
     return r[a.id] = a, n.defer(() => {
-      a._processingStatus !== ht.Stopped && a.start();
+      a._processingStatus !== pt.Stopped && a.start();
     }), a;
   };
 }
-function cA(n, e, t, o, {
+function fA(n, e, t, o, {
   assignment: r
 }) {
   if (!e.context)
@@ -25866,7 +25916,7 @@ function cA(n, e, t, o, {
   const s = {}, i = {
     context: e.context,
     event: t.event,
-    spawn: aA(n, e, t.event, s),
+    spawn: dA(n, e, t.event, s),
     self: n.self,
     system: n.system
   };
@@ -25890,7 +25940,7 @@ function cA(n, e, t, o, {
 function fo(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.assign", e.assignment = n, e.resolve = cA, e;
+  return e.type = "xstate.assign", e.assignment = n, e.resolve = fA, e;
 }
 const Lh = /* @__PURE__ */ new WeakMap();
 function Fo(n, e, t) {
@@ -25899,7 +25949,7 @@ function Fo(n, e, t) {
     [e]: t()
   }, Lh.set(n, o)), o[e];
 }
-const uA = {}, Mr = (n) => typeof n == "string" ? {
+const hA = {}, Mr = (n) => typeof n == "string" ? {
   type: n
 } : typeof n == "function" ? "resolve" in n ? {
   type: n.type
@@ -25912,13 +25962,13 @@ class Yi {
       _parent: this,
       _key: r,
       _machine: this.machine
-    })) : uA, this.type === "compound" && !this.config.initial)
+    })) : hA, this.type === "compound" && !this.config.initial)
       throw new Error(`No initial state specified for compound state node "#${this.id}". Try adding { initial: "${Object.keys(this.states)[0]}" } to the state config.`);
     this.history = this.config.history === !0 ? "shallow" : this.config.history || !1, this.entry = Wn(this.config.entry).slice(), this.exit = Wn(this.config.exit).slice(), this.meta = this.config.meta, this.output = this.type === "final" || !this.parent ? this.config.output : void 0, this.tags = Wn(e.tags).slice();
   }
   /** @internal */
   _initialize() {
-    this.transitions = N3(this), this.config.always && (this.always = jo(this.config.always).map((e) => Pn(this, c0, e))), Object.keys(this.states).forEach((e) => {
+    this.transitions = L3(this), this.config.always && (this.always = jo(this.config.always).map((e) => Pn(this, c0, e))), Object.keys(this.states).forEach((e) => {
       this.states[e]._initialize();
     });
   }
@@ -25996,16 +26046,16 @@ class Yi {
     return Fo(this, "on", () => [...this.transitions].flatMap(([t, o]) => o.map((r) => [t, r])).reduce((t, [o, r]) => (t[o] = t[o] || [], t[o].push(r), t), {}));
   }
   get after() {
-    return Fo(this, "delayedTransitions", () => D3(this));
+    return Fo(this, "delayedTransitions", () => P3(this));
   }
   get initial() {
-    return Fo(this, "initial", () => P3(this, this.config.initial));
+    return Fo(this, "initial", () => B3(this, this.config.initial));
   }
   /** @internal */
   next(e, t) {
     const o = t.type, r = [];
     let s;
-    const i = Fo(this, `candidates-${o}`, () => _3(this, o));
+    const i = Fo(this, `candidates-${o}`, () => R3(this, o));
     for (const l of i) {
       const {
         guard: a
@@ -26051,7 +26101,7 @@ ${d.message}`);
     return Array.from(t);
   }
 }
-const dA = "#";
+const pA = "#";
 class Wu {
   constructor(e, t) {
     this.config = e, this.version = void 0, this.schemas = void 0, this.implementations = void 0, this.__xstatenode = !0, this.idMap = /* @__PURE__ */ new Map(), this.root = void 0, this.id = void 0, this.states = void 0, this.events = void 0, this.id = e.id || "(machine)", this.implementations = {
@@ -26062,7 +26112,7 @@ class Wu {
     }, this.version = this.config.version, this.schemas = this.config.schemas, this.transition = this.transition.bind(this), this.getInitialSnapshot = this.getInitialSnapshot.bind(this), this.getPersistedSnapshot = this.getPersistedSnapshot.bind(this), this.restoreSnapshot = this.restoreSnapshot.bind(this), this.start = this.start.bind(this), this.root = new Yi(e, {
       _key: this.id,
       _machine: this
-    }), this.root._initialize(), R3(this.root), this.states = this.root.states, this.events = this.root.events;
+    }), this.root._initialize(), $3(this.root), this.states = this.root.states, this.events = this.root.events;
   }
   /**
    * Clones this state machine with the provided implementations.
@@ -26098,7 +26148,7 @@ class Wu {
     });
   }
   resolveState(e) {
-    const t = X3(this.root, e.value), o = qi(Gi(this.root, t));
+    const t = eA(this.root, e.value), o = qi(Gi(this.root, t));
     return Vs({
       _nodes: [...o],
       context: e.context || {},
@@ -26162,7 +26212,7 @@ class Wu {
    * `ActorRef`.
    */
   getInitialSnapshot(e, t) {
-    const o = f0(t), r = [], s = this._getPreInitialState(e, o, r), [i] = j3(this.root, s, e, o, r), {
+    const o = f0(t), r = [], s = this._getPreInitialState(e, o, r), [i] = q3(this.root, s, e, o, r), {
       snapshot: l
     } = ba(i, o, e, r);
     return l;
@@ -26173,7 +26223,7 @@ class Wu {
     });
   }
   getStateNodeById(e) {
-    const t = Nu(e), o = t.slice(1), r = Ol(t[0]) ? t[0].slice(dA.length) : t[0], s = this.idMap.get(r);
+    const t = Nu(e), o = t.slice(1), r = Ol(t[0]) ? t[0].slice(pA.length) : t[0], s = this.idMap.get(r);
     if (!s)
       throw new Error(`Child state node '#${r}' does not exist on machine '${this.id}'`);
     return Ji(s, o);
@@ -26185,7 +26235,7 @@ class Wu {
     return this.definition;
   }
   getPersistedSnapshot(e, t) {
-    return sA(e, t);
+    return aA(e, t);
   }
   restoreSnapshot(e, t) {
     const o = {}, r = e.children;
@@ -26248,7 +26298,7 @@ class Wu {
     return u(a.context, o), a;
   }
 }
-function fA(n, e, t, o, {
+function mA(n, e, t, o, {
   event: r
 }) {
   const s = typeof r == "function" ? r(t, o) : r;
@@ -26256,7 +26306,7 @@ function fA(n, e, t, o, {
     event: s
   }, void 0];
 }
-function hA(n, {
+function gA(n, {
   event: e
 }) {
   n.defer(() => n.emit(e));
@@ -26264,12 +26314,12 @@ function hA(n, {
 function A0(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.emit", e.event = n, e.resolve = fA, e.execute = hA, e;
+  return e.type = "xstate.emit", e.event = n, e.resolve = mA, e.execute = gA, e;
 }
 let Sc = /* @__PURE__ */ function(n) {
   return n.Parent = "#_parent", n.Internal = "#_internal", n;
 }({});
-function pA(n, e, t, o, {
+function yA(n, e, t, o, {
   to: r,
   event: s,
   id: i,
@@ -26304,10 +26354,10 @@ function pA(n, e, t, o, {
     delay: d
   }, void 0];
 }
-function mA(n, e, t) {
+function vA(n, e, t) {
   typeof t.to == "string" && (t.to = e.children[t.to]);
 }
-function gA(n, e) {
+function wA(n, e) {
   n.defer(() => {
     const {
       to: t,
@@ -26324,19 +26374,19 @@ function gA(n, e) {
       // at this point, in a deferred task, it should already be mutated by retryResolveSendTo
       // if it initially started as a string
       t,
-      o.type === p3 ? d0(n.self.id, o.data) : o
+      o.type === y3 ? d0(n.self.id, o.data) : o
     );
   });
 }
 function ju(n, e, t) {
   function o(r, s) {
   }
-  return o.type = "xstate.sendTo", o.to = n, o.event = e, o.id = t == null ? void 0 : t.id, o.delay = t == null ? void 0 : t.delay, o.resolve = pA, o.retryResolve = mA, o.execute = gA, o;
+  return o.type = "xstate.sendTo", o.to = n, o.event = e, o.id = t == null ? void 0 : t.id, o.delay = t == null ? void 0 : t.delay, o.resolve = yA, o.retryResolve = vA, o.execute = wA, o;
 }
-function yA(n, e) {
+function kA(n, e) {
   return ju(Sc.Parent, n, e);
 }
-function vA(n, e, t, o, {
+function bA(n, e, t, o, {
   collect: r
 }) {
   const s = [], i = function(a) {
@@ -26351,7 +26401,7 @@ function vA(n, e, t, o, {
   }, i.sendTo = (...l) => {
     s.push(ju(...l));
   }, i.sendParent = (...l) => {
-    s.push(yA(...l));
+    s.push(kA(...l));
   }, i.spawnChild = (...l) => {
     s.push($u(...l));
   }, i.stopChild = (...l) => {
@@ -26367,12 +26417,12 @@ function vA(n, e, t, o, {
     system: n.system
   }, o), [e, void 0, s];
 }
-function wA(n) {
+function xA(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.enqueueActions", e.collect = n, e.resolve = vA, e;
+  return e.type = "xstate.enqueueActions", e.collect = n, e.resolve = bA, e;
 }
-function kA(n, e, t, o, {
+function SA(n, e, t, o, {
   value: r,
   label: s
 }) {
@@ -26381,7 +26431,7 @@ function kA(n, e, t, o, {
     label: s
   }, void 0];
 }
-function bA({
+function CA({
   logger: n
 }, {
   value: e,
@@ -26389,7 +26439,7 @@ function bA({
 }) {
   t ? n(t, e) : n(e);
 }
-function xA(n = ({
+function MA(n = ({
   context: t,
   event: o
 }) => ({
@@ -26398,9 +26448,9 @@ function xA(n = ({
 }), e) {
   function t(o, r) {
   }
-  return t.type = "xstate.log", t.value = n, t.label = e, t.resolve = kA, t.execute = bA, t;
+  return t.type = "xstate.log", t.value = n, t.label = e, t.resolve = SA, t.execute = CA, t;
 }
-function SA(n, e) {
+function TA(n, e) {
   return new Wu(n, e);
 }
 function I0({
@@ -26414,15 +26464,15 @@ function I0({
     assign: fo,
     sendTo: ju,
     raise: Vu,
-    log: xA,
+    log: MA,
     cancel: Lu,
     stopChild: Al,
-    enqueueActions: wA,
+    enqueueActions: xA,
     emit: A0,
     spawnChild: $u,
     createStateConfig: (s) => s,
     createAction: (s) => s,
-    createMachine: (s) => SA({
+    createMachine: (s) => TA({
       ...s,
       schemas: n
     }, {
@@ -26449,9 +26499,9 @@ function I0({
     })
   };
 }
-const CA = 4, $h = 1, Bh = "draw", MA = I0({
+const EA = 4, $h = 1, Bh = "draw", AA = I0({
   guards: {
-    isThresholdReached: ({ context: n, event: e }) => In.distance(n.pointingStartWorld, e.worldPosition) * e.cameraZoom >= CA
+    isThresholdReached: ({ context: n, event: e }) => In.distance(n.pointingStartWorld, e.worldPosition) * e.cameraZoom >= EA
   },
   actions: {
     setPointingStart: fo({
@@ -26554,15 +26604,15 @@ const CA = 4, $h = 1, Bh = "draw", MA = I0({
       }
     }
   }
-}), TA = tl({ phase: "capture", priority: 100 }, (n) => {
+}), IA = tl({ phase: "capture", priority: 100 }, (n) => {
   if (nl(n)) return;
   const e = Bt.read(n);
   if (e.leftMouseTool !== Bh || !e.heldSnapshot) return;
   const t = Bt.getButtons(n, Bh);
   if (t.length === 0) return;
   const o = Rc(n, t);
-  o.length !== 0 && l0.run(n, MA, o);
-}), EA = tl({ phase: "update" }, (n) => {
+  o.length !== 0 && l0.run(n, AA, o);
+}), OA = tl({ phase: "update" }, (n) => {
   if (nl(n)) return;
   const { store: e } = Io(n, No);
   od(n, Dc, () => {
@@ -26570,7 +26620,7 @@ const CA = 4, $h = 1, Bh = "draw", MA = I0({
   }), od(n, qs, () => {
     e.canRedo() && (Ta(n), e.redo());
   });
-}), AA = [
+}), _A = [
   {
     name: "Figtree",
     displayName: "Figtree",
@@ -26596,17 +26646,17 @@ const CA = 4, $h = 1, Bh = "draw", MA = I0({
     previewImage: "https://storage.googleapis.com/scrolly-page-fonts/EBGaramond.png"
   }
 ];
-function IA(n) {
+function DA(n) {
   return {
     name: No,
     resources: { store: n.store, getDefaults: n.getDefaults },
     singletons: [Ui, qr, l0],
-    systems: [r3, TA, l3, EA],
+    systems: [l3, IA, u3, OA],
     setup(e) {
       n.doubleClickSnapshot && (qr.write(e).snapshot = n.doubleClickSnapshot);
     },
-    cursors: ZT,
-    fonts: AA,
+    cursors: tE,
+    fonts: _A,
     keybinds: [
       { command: Dc.name, key: Ll.Z, mod: !0 },
       { command: qs.name, key: Ll.Y, mod: !0 },
@@ -26614,7 +26664,7 @@ function IA(n) {
     ]
   };
 }
-const OA = /* @__PURE__ */ q({
+const NA = /* @__PURE__ */ q({
   __name: "ClipboardHandler",
   props: {
     options: {}
@@ -26623,12 +26673,12 @@ const OA = /* @__PURE__ */ q({
     const e = n, t = ge("containerRef", B(null));
     return hS(t, e.options), (o, r) => me(o.$slots, "default");
   }
-}), _A = { class: "wov-user-cursors" }, DA = {
+}), RA = { class: "wov-user-cursors" }, PA = {
   class: "wov-cursor-svg",
   viewBox: "0 0 4.35 4.75",
   width: "20",
   height: "20"
-}, NA = ["fill"], RA = "M2.39,2.88s-.04.01-.05.02c-.01,0-.02.01-.03.02,0,.01-.02.02-.03.05l-.77,1.44c-.07.13-.1.19-.14.2-.03.01-.07,0-.1-.01-.03-.02-.05-.09-.09-.23L.16.41c-.03-.13-.05-.19-.03-.23.02-.03.04-.05.08-.06.04,0,.1.02.21.08l3.59,1.94c.13.07.19.1.2.14.01.03,0,.07-.01.1-.02.03-.09.05-.23.09l-1.58.4Z", PA = /* @__PURE__ */ q({
+}, LA = ["fill"], $A = "M2.39,2.88s-.04.01-.05.02c-.01,0-.02.01-.03.02,0,.01-.02.02-.03.05l-.77,1.44c-.07.13-.1.19-.14.2-.03.01-.07,0-.1-.01-.03-.02-.05-.09-.09-.23L.16.41c-.03-.13-.05-.19-.03-.23.02-.03.04-.05.08-.06.04,0,.1.02.21.08l3.59,1.94c.13.07.19.1.2.14.01.03,0,.07-.01.1-.02.03-.09.05-.23.09l-1.58.4Z", BA = /* @__PURE__ */ q({
   __name: "UserCursors",
   props: {
     users: {},
@@ -26643,7 +26693,7 @@ const OA = /* @__PURE__ */ q({
         screenY: (o.position[1] - e.camera.top) * e.camera.zoom
       }))
     );
-    return (o, r) => (C(), A("div", _A, [
+    return (o, r) => (C(), A("div", RA, [
       (C(!0), A(ie, null, Se(t.value, (s) => (C(), A("div", {
         key: s.sessionId,
         class: "wov-user-cursor",
@@ -26651,14 +26701,14 @@ const OA = /* @__PURE__ */ q({
           transform: `translate(${s.screenX}px, ${s.screenY}px)`
         })
       }, [
-        (C(), A("svg", DA, [
+        (C(), A("svg", PA, [
           x("path", {
             fill: s.color,
             stroke: "#fff",
             "stroke-miterlimit": "10",
             "stroke-width": ".25",
-            d: RA
-          }, null, 8, NA)
+            d: $A
+          }, null, 8, LA)
         ])),
         x("span", {
           class: "wov-cursor-label",
@@ -26667,21 +26717,21 @@ const OA = /* @__PURE__ */ q({
       ], 4))), 128))
     ]));
   }
-}), LA = {
+}), zA = {
   key: 0,
   class: "wov-offline-indicator"
-}, $A = /* @__PURE__ */ q({
+}, FA = /* @__PURE__ */ q({
   __name: "OfflineIndicator",
   props: {
     isOnline: { type: Boolean }
   },
   setup(n) {
-    return (e, t) => n.isOnline ? j("", !0) : (C(), A("div", LA, "Working Offline"));
+    return (e, t) => n.isOnline ? j("", !0) : (C(), A("div", zA, "Working Offline"));
   }
-}), BA = {
+}), HA = {
   key: 0,
   class: "wov-version-mismatch-overlay"
-}, zA = /* @__PURE__ */ q({
+}, VA = /* @__PURE__ */ q({
   __name: "VersionMismatch",
   props: {
     versionMismatch: { type: Boolean }
@@ -26690,7 +26740,7 @@ const OA = /* @__PURE__ */ q({
     function e() {
       window.location.reload();
     }
-    return (t, o) => n.versionMismatch ? (C(), A("div", BA, [
+    return (t, o) => n.versionMismatch ? (C(), A("div", HA, [
       x("div", { class: "wov-version-mismatch-dialog" }, [
         o[0] || (o[0] = x("p", null, "A new version is available.", -1)),
         o[1] || (o[1] = x("p", null, "Please refresh the page to continue.", -1)),
@@ -26698,10 +26748,10 @@ const OA = /* @__PURE__ */ q({
       ])
     ])) : j("", !0);
   }
-}), FA = /* @__PURE__ */ q({
+}), WA = /* @__PURE__ */ q({
   __name: "BackToContentButton",
   setup(n) {
-    const { nextEditorTick: e } = Ce(), t = ot(Pe), o = ct((c) => c.with(Tt, le, Uo)), r = B(0), s = ge(Ue);
+    const { nextEditorTick: e } = Ce(), t = ot(Pe), o = ct((c) => c.with(Et, le, Uo)), r = B(0), s = ge(Ue);
     if (s) {
       const c = s.registerTickCallback((u) => {
         o.addedOrRemoved(u).length > 0 && (r.value = o.current(u).length);
@@ -26782,7 +26832,7 @@ const OA = /* @__PURE__ */ q({
       Sa(" Back to content ", -1)
     ])])) : j("", !0);
   }
-}), HA = ["data-entity-id", "data-selected", "data-held-by-other", "data-hovered", "data-edited"], VA = /* @__PURE__ */ q({
+}), jA = ["data-entity-id", "data-selected", "data-held-by-other", "data-hovered", "data-edited"], UA = /* @__PURE__ */ q({
   __name: "WovenCanvasCore",
   props: {
     store: {},
@@ -26808,7 +26858,7 @@ const OA = /* @__PURE__ */ q({
       "transform-handle": YS,
       "arrow-handle": Wy,
       "arrow-terminal": qy,
-      "sticky-note": t3,
+      "sticky-note": r3,
       eraser: Sv,
       "pen-stroke": $v,
       "arc-arrow": zy,
@@ -26869,7 +26919,7 @@ const OA = /* @__PURE__ */ q({
         P.delete(U), P.size === 0 && D.delete(I);
       };
     }
-    function bt(I, U) {
+    function xt(I, U) {
       const P = D.get(U.name);
       if (!P || P.size === 0) return;
       const K = U.snapshot(I);
@@ -26913,15 +26963,15 @@ const OA = /* @__PURE__ */ q({
     });
     let Vt = 0, Wt = null, Je = null;
     const O0 = ((Yu = (Gu = g.store) == null ? void 0 : Gu.persistence) == null ? void 0 : Yu.documentId) ?? "default";
-    let Ge = new XE({
-      provider: g.assetProvider ?? new e3(),
+    let Ge = new e3({
+      provider: g.assetProvider ?? new o3(),
       documentId: O0
     });
     function _0(I) {
       var K;
       const U = [], P = g.pluginOptions;
       return (P == null ? void 0 : P.controls) !== !1 && U.push(Sy((P == null ? void 0 : P.controls) ?? {})), (P == null ? void 0 : P.eraser) !== !1 && U.push(wy((P == null ? void 0 : P.eraser) || void 0)), (P == null ? void 0 : P.pen) !== !1 && U.push(ky()), (P == null ? void 0 : P.arrows) !== !1 && U.push(V0((P == null ? void 0 : P.arrows) || void 0)), (P == null ? void 0 : P.tapes) !== !1 && U.push(Cy()), U.push(
-        IA({
+        DA({
           store: I,
           doubleClickSnapshot: g.doubleClickSnapshot,
           // Live read of the creation-defaults registry so the placement systems can
@@ -26994,7 +27044,7 @@ const OA = /* @__PURE__ */ q({
       X();
     };
     let Dl = null;
-    wt(async () => {
+    kt(async () => {
       var P, K, z;
       if (!v.value) return;
       X(), window.addEventListener("online", bs), window.addEventListener("offline", bs), Ku = () => {
@@ -27030,7 +27080,7 @@ const OA = /* @__PURE__ */ q({
         if (L === my) {
           if (ne === $o.CHANGED) {
             const ye = z.get(he);
-            ye && bt(I, ye);
+            ye && xt(I, ye);
           }
           continue;
         }
@@ -27254,7 +27304,7 @@ const OA = /* @__PURE__ */ q({
         key: 0,
         background: n.background
       }, () => [
-        Z($T, { background: n.background }, null, 8, ["background"])
+        Z(FT, { background: n.background }, null, 8, ["background"])
       ]) : j("", !0),
       (C(), A(ie, null, Se(k, (P) => (C(), A(ie, {
         key: P.class
@@ -27288,7 +27338,7 @@ const OA = /* @__PURE__ */ q({
                   ref_for: !0
                 }, K.value), null, 16)) : j("", !0)
               ])
-            ], 12, HA)) : j("", !0)
+            ], 12, jA)) : j("", !0)
           ], 64))), 128))
         ], 6)
       ], 64))), 64)),
@@ -27298,13 +27348,13 @@ const OA = /* @__PURE__ */ q({
         currentSessionId: F(M).sessionId,
         camera: fe.value
       }, () => [
-        Z(PA, {
+        Z(BA, {
           users: E.value,
           "current-session-id": F(M).sessionId,
           camera: fe.value
         }, null, 8, ["users", "current-session-id", "camera"])
       ]) : j("", !0),
-      b.value ? (C(), ee(WT, { key: 2 }, {
+      b.value ? (C(), ee(KT, { key: 2 }, {
         default: se((P) => [
           me(I.$slots, "floating-menu", qh(Jh(P)))
         ]),
@@ -27314,35 +27364,35 @@ const OA = /* @__PURE__ */ q({
         key: 3,
         users: E.value
       }, () => [
-        Z($E, { users: E.value }, null, 8, ["users"])
+        Z(FE, { users: E.value }, null, 8, ["users"])
       ]) : j("", !0),
       b.value ? me(I.$slots, "toolbar", { key: 4 }, () => [
-        Z(OE)
+        Z(NE)
       ]) : j("", !0),
       b.value ? me(I.$slots, "default", { key: 5 }) : j("", !0),
       me(I.$slots, "offline-indicator", { isOnline: V.value }, () => [
-        Z($A, { "is-online": V.value }, null, 8, ["is-online"])
+        Z(FA, { "is-online": V.value }, null, 8, ["is-online"])
       ]),
       me(I.$slots, "version-mismatch", { versionMismatch: Y.value }, () => [
-        Z(zA, { "version-mismatch": Y.value }, null, 8, ["version-mismatch"])
+        Z(VA, { "version-mismatch": Y.value }, null, 8, ["version-mismatch"])
       ]),
       me(I.$slots, "back-to-content", {}, () => [
-        Z(FA)
+        Z(WA)
       ]),
       me(I.$slots, "loading", { isLoading: re.value }, () => [
-        Z(KT, { "is-loading": re.value }, null, 8, ["is-loading"])
+        Z(GT, { "is-loading": re.value }, null, 8, ["is-loading"])
       ]),
       b.value ? me(I.$slots, "file-drop-zone", { key: 6 }, () => [
-        Z(BT)
+        Z(HT)
       ]) : j("", !0),
-      b.value ? (C(), ee(OA, {
+      b.value ? (C(), ee(NA, {
         key: 7,
         options: g.copyPaste
       }, null, 8, ["options"])) : j("", !0),
       Z(wM)
     ], 512));
   }
-}), eI = /* @__PURE__ */ q({
+}), oI = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "WovenCanvas",
   setup(n, { expose: e }) {
@@ -27354,7 +27404,7 @@ const OA = /* @__PURE__ */ q({
       }
     }), (o, r) => (C(), ee(K0, null, {
       default: se(() => [
-        Z(VA, Xo({
+        Z(UA, Xo({
           ref_key: "core",
           ref: t
         }, o.$attrs), q0({ _: 2 }, [
@@ -27373,7 +27423,7 @@ const OA = /* @__PURE__ */ q({
 export {
   Qh as ARROW_HEADS,
   zy as ArcArrow,
-  QA as ArcArrowTool,
+  nI as ArcArrowTool,
   Wy as ArrowHandle,
   $n as ArrowHead,
   uh as ArrowHeadButton,
@@ -27381,51 +27431,52 @@ export {
   ZC as ArrowThicknessButton,
   eM as AspectLockButton,
   sM as BlockOperationsButton,
-  ZT as CURSORS,
-  $T as CanvasBackground,
-  oI as CanvasComponentDef,
-  rI as CanvasSingletonDef,
-  sI as CanvasStore,
+  tE as CURSORS,
+  FT as CanvasBackground,
+  iI as CanvasComponentDef,
+  lI as CanvasSingletonDef,
+  aI as CanvasStore,
   vM as ColorButton,
   fM as ColorPicker,
   ko as CursorKind,
+  ZM as DEFAULT_FONT_SIZE_OPTIONS,
   No as EDITING_PLUGIN_NAME,
   Au as EditableText,
-  IA as EditingPlugin,
+  DA as EditingPlugin,
   Qy as ElbowArrow,
-  lE as ElbowArrowTool,
+  uE as ElbowArrowTool,
   ov as EmbedBlock,
-  ME as EmbedTool,
+  AE as EmbedTool,
   Sv as Eraser,
-  rE as EraserTool,
-  BT as FileDropZone,
-  WT as FloatingMenu,
-  HT as FloatingMenuBar,
+  lE as EraserTool,
+  HT as FileDropZone,
+  KT as FloatingMenu,
+  jT as FloatingMenuBar,
   Cv as FrameBlock,
-  tE as HandTool,
+  rE as HandTool,
   _t as IconChevronDown,
   Ov as ImageBlock,
-  aE as ImageTool,
-  KT as LoadingOverlay,
+  dE as ImageTool,
+  GT as LoadingOverlay,
   Po as MenuButton,
-  kt as MenuDropdown,
+  bt as MenuDropdown,
   wM as MenuTooltip,
   $v as PenStroke,
   xM as PenStrokeThicknessButton,
-  sE as PenTool,
+  aE as PenTool,
   Ys as SHAPES,
-  eE as SelectTool,
+  oE as SelectTool,
   zv as SelectionBox,
   zS as ShapeBlock,
   IM as ShapeFillColorButton,
   PM as ShapeKindButton,
   qM as ShapeStrokeColorButton,
-  oE as ShapeTool,
-  nE as StickyNoteTool,
-  iI as Synced,
+  iE as ShapeTool,
+  sE as StickyNoteTool,
+  cI as Synced,
   VS as TapeBlock,
   XM as TapeImageButton,
-  EE as TapeTool,
+  OE as TapeTool,
   fh as TextAlignmentButton,
   jS as TextBlock,
   hh as TextBoldButton,
@@ -27434,24 +27485,24 @@ export {
   mh as TextFontSizeButton,
   gh as TextItalicButton,
   vh as TextLinkButton,
-  iE as TextTool,
+  cE as TextTool,
   yh as TextUnderlineButton,
-  OE as Toolbar,
+  NE as Toolbar,
   Ht as ToolbarButton,
   KS as TransformBox,
   YS as TransformHandle,
-  $E as UserPresence,
+  FE as UserPresence,
   Ue as WOVEN_CANVAS_KEY,
-  eI as WovenCanvas,
-  zT as computeCommonComponents,
-  FT as computeShowOperations,
-  lI as defineCanvasComponent,
-  aI as defineCanvasSingleton,
+  oI as WovenCanvas,
+  VT as computeCommonComponents,
+  WT as computeShowOperations,
+  uI as defineCanvasComponent,
+  dI as defineCanvasSingleton,
   Gr as getArrowHead,
   De as useComponent,
   Sn as useComponents,
   Ce as useEditorContext,
-  hT as useFonts,
+  pT as useFonts,
   jg as useImageCreation,
   gS as useQuery,
   ot as useSingleton,