@woven-canvas/vue 1.6.0 → 1.6.1

package/build/index.js

@@ -1,5 +1,5 @@
 import { Synced as zh, defineCanvasSingleton as Fh, CanvasStore as H0 } from "@woven-ecs/canvas-store";
-import { CanvasComponentDef as sI, CanvasSingletonDef as iI, CanvasStore as lI, Synced as aI, defineCanvasComponent as cI, defineCanvasSingleton as uI } 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 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";
@@ -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() ? kt(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 && 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
@@ -21165,8 +21170,8 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       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" })
         ])
       ]),
@@ -21177,7 +21182,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
           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,120 +21195,116 @@ 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"], MT = { class: "wov-size-stepper" }, TT = 1, 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 = B(null), s = [
-      { label: "Small", value: 16, displayValue: 10 },
-      { label: "Medium", value: 24, displayValue: 12 },
-      { label: "Large", value: 40, displayValue: 16 },
-      { label: "Huge", value: 96, displayValue: 20 }
-    ], i = O(() => t.fontSize), l = O(() => {
-      const p = i.value;
-      if (p === null) return "Mixed";
-      const m = s.find((g) => g.value === p);
-      return m ? m.label : `${+p.toFixed(1)} px`;
-    }), a = O(() => {
-      const p = i.value;
-      return p === null ? "" : String(+p.toFixed(1));
+    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 h = s.value;
+      return h === null ? "" : String(+h.toFixed(1));
     });
-    function c(p) {
-      o.setFontSize(p);
+    function a(h) {
+      o.setFontSize(h);
     }
-    function u(p) {
-      const m = p.target, g = Number.parseFloat(m.value);
-      if (Number.isNaN(g) || g <= 0) {
-        m.value = a.value;
+    function c(h) {
+      const p = h.target, m = Number.parseFloat(p.value);
+      if (Number.isNaN(m) || m <= 0) {
+        p.value = l.value;
         return;
       }
-      c(g);
+      a(m);
     }
-    function d(p) {
-      var k;
-      const m = Number.parseFloat(((k = r.value) == null ? void 0 : k.value) ?? ""), g = Number.isNaN(m) ? i.value : m;
-      if (g === null) return;
-      const y = Math.max(+(g + p).toFixed(1), TT);
-      r.value && (r.value.value = String(y)), c(y);
+    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 f(p) {
-      p.key === "Enter" ? p.target.blur() : p.key === "ArrowUp" ? (p.preventDefault(), d(1)) : p.key === "ArrowDown" && (p.preventDefault(), d(-1));
+    function d(h) {
+      h.key === "Enter" ? h.target.blur() : h.key === "ArrowUp" ? (h.preventDefault(), u(1)) : h.key === "ArrowDown" && (h.preventDefault(), u(-1));
     }
-    function h(p) {
-      p.stopPropagation();
+    function f(h) {
+      h.stopPropagation();
     }
-    return (p, m) => F(t).showTextMenuButtons ? (C(), ee(bt, {
+    return (h, p) => F(t).showTextMenuButtons ? (C(), ee(bt, {
       key: 0,
       title: "Font Size"
     }, {
       button: se(() => [
-        x("div", wT, [
-          x("span", kT, _e(l.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: h,
-          onClick: m[4] || (m[4] = ut(() => {
+          onWheel: f,
+          onClick: p[4] || (p[4] = ut(() => {
           }, ["stop"])),
-          onKeydown: m[5] || (m[5] = ut(() => {
+          onKeydown: p[5] || (p[5] = ut(() => {
           }, ["stop"]))
         }, [
-          (C(), A(ie, null, Se(s, (g) => x("div", {
-            key: g.value,
-            class: Te(["wov-font-size-option", { active: i.value === g.value }]),
-            onClick: (y) => c(g.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)
           }, [
-            i.value === g.value ? (C(), A("svg", xT, [...m[6] || (m[6] = [
+            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: `${g.displayValue}px` })
-            }, _e(g.label), 5)
-          ], 10, bT)), 64)),
-          m[10] || (m[10] = 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: a.value,
-              onChange: u,
-              onKeydown: f,
+              value: l.value,
+              onChange: c,
+              onKeydown: d,
               placeholder: "Custom size"
-            }, null, 40, CT),
-            m[9] || (m[9] = x("span", { class: "wov-px-suffix" }, "px", -1)),
-            x("div", MT, [
+            }, 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: m[0] || (m[0] = ut(() => {
+                onMousedown: p[0] || (p[0] = ut(() => {
                 }, ["prevent"])),
-                onClick: m[1] || (m[1] = (g) => d(1))
-              }, [...m[7] || (m[7] = [
+                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",
@@ -21316,10 +21317,10 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
               x("button", {
                 class: "wov-size-stepper-button",
                 title: "Decrease size",
-                onMousedown: m[2] || (m[2] = ut(() => {
+                onMousedown: p[2] || (p[2] = ut(() => {
                 }, ["prevent"])),
-                onClick: m[3] || (m[3] = (g) => d(-1))
-              }, [...m[8] || (m[8] = [
+                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",
@@ -21386,7 +21387,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     }, 8, ["class", "onClick"])) : j("", !0);
   }
-}), ET = { class: "wov-link-input-container" }, AT = ["onKeydown"], vh = /* @__PURE__ */ q({
+}), AT = { class: "wov-link-input-container" }, IT = ["onKeydown"], vh = /* @__PURE__ */ q({
   __name: "TextLinkButton",
   props: {
     entityIds: {}
@@ -21453,7 +21454,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
           onKeydown: g[2] || (g[2] = ut(() => {
           }, ["stop"]))
         }, [
-          x("div", ET, [
+          x("div", AT, [
             jh(x("input", {
               ref_key: "inputRef",
               ref: i,
@@ -21464,7 +21465,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
                 td(ut(f, ["prevent"]), ["enter"]),
                 g[1] || (g[1] = td(ut((y) => r.value = !1, ["prevent"]), ["esc"]))
               ]
-            }, null, 40, AT), [
+            }, null, 40, IT), [
               [Uh, s.value]
             ]),
             s.value || F(t).linkHref ? (C(), A("button", {
@@ -21499,7 +21500,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       ], 8, ["to"])) : j("", !0)
     ], 64));
   }
-}), IT = { class: "wov-text-color-button" }, OT = { 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: {}
@@ -21514,8 +21515,8 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       title: "Text Color"
     }, {
       button: se(() => [
-        x("div", IT, [
-          x("div", OT, [
+        x("div", OT, [
+          x("div", _T, [
             a[0] || (a[0] = x("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 640 640",
@@ -21542,7 +21543,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     })) : j("", !0);
   }
-}), _T = {
+}), DT = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21554,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"
-}, DT = {
+}, NT = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21566,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"
-}, NT = {
+}, RT = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21610,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", _T, [...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",
@@ -21626,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", DT, [...c[1] || (c[1] = [
+        ])])) : i.value === F(Ze).Center ? (C(), A("svg", NT, [...c[1] || (c[1] = [
           x("rect", {
             width: "14",
             height: "6",
@@ -21642,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", NT, [...c[2] || (c[2] = [
+        ])])) : (C(), A("svg", RT, [...c[2] || (c[2] = [
           x("rect", {
             width: "14",
             height: "6",
@@ -21663,7 +21664,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       _: 1
     })) : j("", !0);
   }
-}), RT = { class: "wov-text-group-button" }, PT = { class: "wov-text-group-dropdown" }, LT = { class: "wov-text-group-row wov-text-group-row-full" }, $T = { class: "wov-text-group-row" }, BT = /* @__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: {},
@@ -21678,7 +21679,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
         placement: "top"
       }, {
         button: se(() => [
-          x("div", RT, [
+          x("div", PT, [
             a[0] || (a[0] = x("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 640 640",
@@ -21691,13 +21692,13 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
           ])
         ]),
         dropdown: se(() => [
-          x("div", PT, [
-            x("div", LT, [
+          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", $T, [
+            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"]),
@@ -21737,7 +21738,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       ], 64))
     ], 64)) : j("", !0);
   }
-}), zT = /* @__PURE__ */ q({
+}), FT = /* @__PURE__ */ q({
   __name: "CanvasBackground",
   props: {
     background: {}
@@ -21913,7 +21914,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
       }
     }, null, 512));
   }
-}), FT = /* @__PURE__ */ q({
+}), HT = /* @__PURE__ */ q({
   __name: "FileDropZone",
   props: {
     maxSize: { default: 400 }
@@ -22020,7 +22021,7 @@ const pT = { class: "wov-font-family-button" }, mT = { class: "wov-font-family-l
     }, null, 34));
   }
 });
-function HT(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();
@@ -22037,13 +22038,13 @@ function HT(n, e) {
   }
   return r;
 }
-function VT(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 WT = /* @__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([
@@ -22130,7 +22131,7 @@ const WT = /* @__PURE__ */ q({
         key: 6,
         entityIds: F(r)
       }, () => [
-        Z(BT, {
+        Z(zT, {
           entityIds: F(r),
           showVerticalAlign: F(s).has("verticalAlign")
         }, null, 8, ["entityIds", "showVerticalAlign"])
@@ -22146,7 +22147,7 @@ const WT = /* @__PURE__ */ q({
       ], 64)) : j("", !0)
     ], 32));
   }
-}), jT = { class: "wov-floating-menu-inner" }, UT = /* @__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(
@@ -22155,10 +22156,10 @@ const WT = /* @__PURE__ */ q({
       () => t.value.map((T) => ({ tag: T.block.value.tag }))
     ), c = O(() => {
       const T = e == null ? void 0 : e.getEditor();
-      return T ? HT(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 ? VT(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];
@@ -22262,9 +22263,9 @@ const WT = /* @__PURE__ */ q({
           class: "wov-floating-menu",
           style: ve(F(k))
         }, [
-          x("div", jT, [
+          x("div", UT, [
             me(T.$slots, "default", {}, () => [
-              Z(WT)
+              Z(jT)
             ])
           ])
         ], 4)) : j("", !0)
@@ -22272,10 +22273,10 @@ const WT = /* @__PURE__ */ q({
       _: 3
     }));
   }
-}), KT = {
+}), qT = {
   key: 0,
   class: "wov-loading-overlay"
-}, qT = { class: "wov-loading-spinner" }, JT = /* @__PURE__ */ q({
+}, JT = { class: "wov-loading-spinner" }, GT = /* @__PURE__ */ q({
   __name: "LoadingOverlay",
   props: {
     isLoading: { type: Boolean }
@@ -22292,14 +22293,14 @@ const WT = /* @__PURE__ */ q({
       o !== null && clearInterval(o);
     }), (r, s) => (C(), ee(Mc, { name: "wov-loading-fade" }, {
       default: se(() => [
-        n.isLoading ? (C(), A("div", KT, [
-          x("div", qT, _e(e.value), 1)
+        n.isLoading ? (C(), A("div", qT, [
+          x("div", JT, _e(e.value), 1)
         ])) : j("", !0)
       ]),
       _: 1
     }));
   }
-}), GT = { class: "wov-action-bar" }, YT = /* @__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);
@@ -22322,7 +22323,7 @@ const WT = /* @__PURE__ */ q({
       const a = e();
       a == null || a.command(Xh);
     }
-    return (a, c) => (C(), A("div", GT, [
+    return (a, c) => (C(), A("div", YT, [
       x("button", {
         class: "wov-action-button",
         onClick: s,
@@ -22438,30 +22439,30 @@ const WT = /* @__PURE__ */ q({
       me(h.$slots, "default")
     ], 34));
   }
-}), XT = '<?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>', ZT = '<?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>', QT = '<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"
-}, eE = {
+}, tE = {
   [ko.Select]: {
-    makeSvg: () => XT,
+    makeSvg: () => ZT,
     hotspot: [1, 0],
     rotationOffset: 0
   },
   [ko.Hand]: {
-    makeSvg: () => ZT,
+    makeSvg: () => QT,
     hotspot: [12, 12],
     rotationOffset: 0
   },
   [ko.Crosshair]: {
-    makeSvg: () => QT,
+    makeSvg: () => eE,
     hotspot: [12, 12],
     rotationOffset: 0
   }
-}, tE = {
+}, nE = {
   viewBox: "0 0 20 20",
   style: { "fill-rule": "evenodd", "clip-rule": "evenodd", "stroke-miterlimit": "10" }
-}, nE = /* @__PURE__ */ q({
+}, oE = /* @__PURE__ */ q({
   __name: "SelectTool",
   setup(n) {
     const { nextEditorTick: e } = Ce(), { activeTool: t } = Mu();
@@ -22475,7 +22476,7 @@ const WT = /* @__PURE__ */ q({
       cursor: F(ko).Select
     }, {
       default: se(() => [
-        (C(), A("svg", tE, [...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",
@@ -22489,7 +22490,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["cursor"]));
   }
-}), oE = /* @__PURE__ */ q({
+}), rE = /* @__PURE__ */ q({
   __name: "HandTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22512,7 +22513,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["cursor"]));
   }
-}), rE = /* @__PURE__ */ q({
+}), sE = /* @__PURE__ */ q({
   __name: "StickyNoteTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22553,7 +22554,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "placement-snapshot"]));
   }
-}), sE = /* @__PURE__ */ q({
+}), iE = /* @__PURE__ */ q({
   __name: "ShapeTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22607,7 +22608,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "draw-snapshot"]));
   }
-}), iE = /* @__PURE__ */ q({
+}), lE = /* @__PURE__ */ q({
   __name: "EraserTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22626,7 +22627,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), lE = /* @__PURE__ */ q({
+}), aE = /* @__PURE__ */ q({
   __name: "PenTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -22654,7 +22655,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), aE = /* @__PURE__ */ q({
+}), cE = /* @__PURE__ */ q({
   __name: "TextTool",
   setup(n) {
     const e = ge(Ue), t = O(() => JSON.stringify({
@@ -22706,7 +22707,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "placement-snapshot"]));
   }
-}), cE = /* @__PURE__ */ q({
+}), uE = /* @__PURE__ */ q({
   __name: "ElbowArrowTool",
   setup(n) {
     const e = JSON.stringify({
@@ -22744,7 +22745,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot"]));
   }
-}), uE = /* @__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);
@@ -22815,7 +22816,7 @@ const WT = /* @__PURE__ */ q({
       }, null, 544)
     ], 544));
   }
-}), dE = { class: "wov-embed-provider-grid" }, fE = ["onClick"], hE = { class: "wov-embed-provider-icon" }, pE = {
+}), fE = { class: "wov-embed-provider-grid" }, hE = ["onClick"], pE = { class: "wov-embed-provider-icon" }, mE = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22823,7 +22824,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, mE = {
+}, gE = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22831,7 +22832,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, gE = {
+}, yE = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22839,7 +22840,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, yE = {
+}, vE = {
   key: 3,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22847,7 +22848,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, vE = {
+}, wE = {
   key: 4,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22855,7 +22856,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, wE = {
+}, kE = {
   key: 5,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22863,7 +22864,7 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, kE = {
+}, bE = {
   key: 6,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -22871,16 +22872,16 @@ const WT = /* @__PURE__ */ q({
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, bE = {
+}, xE = {
   key: 7,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, xE = { class: "wov-embed-provider-label" }, SE = { class: "wov-embed-panel-header" }, CE = { class: "wov-embed-url-form" }, ME = ["placeholder"], TE = {
+}, 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"
-}, EE = /* @__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, {
@@ -23051,7 +23052,7 @@ const WT = /* @__PURE__ */ q({
             style: ve(F(h))
           }, [
             c.value ? (C(), A(ie, { key: 1 }, [
-              x("div", SE, [
+              x("div", CE, [
                 x("button", {
                   class: "wov-embed-back-button",
                   onClick: k
@@ -23069,7 +23070,7 @@ const WT = /* @__PURE__ */ q({
                 ])]),
                 x("span", null, _e((_ = p.find((D) => D.value === c.value)) == null ? void 0 : _.label), 1)
               ]),
-              x("div", CE, [
+              x("div", ME, [
                 jh(x("input", {
                   ref_key: "urlInputRef",
                   ref: l,
@@ -23078,10 +23079,10 @@ const WT = /* @__PURE__ */ q({
                   placeholder: m.value,
                   class: "wov-embed-url-input",
                   onKeydown: v
-                }, null, 40, ME), [
+                }, null, 40, TE), [
                   [Uh, u.value]
                 ]),
-                d.value ? (C(), A("div", TE, _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
@@ -23089,17 +23090,17 @@ const WT = /* @__PURE__ */ q({
               ])
             ], 64)) : (C(), A(ie, { key: 0 }, [
               E[10] || (E[10] = x("div", { class: "wov-embed-panel-header" }, "Add embed", -1)),
-              x("div", dE, [
+              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", hE, [
-                    D.icon === "youtube" ? (C(), A("svg", pE, [...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", mE, [...E[3] || (E[3] = [
+                    ])])) : D.icon === "spotify" ? (C(), A("svg", gE, [...E[3] || (E[3] = [
                       x("circle", {
                         cx: "12",
                         cy: "12",
@@ -23108,14 +23109,14 @@ const WT = /* @__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", gE, [...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", yE, [...E[5] || (E[5] = [
+                    ])])) : D.icon === "calendar" ? (C(), A("svg", vE, [...E[5] || (E[5] = [
                       x("rect", {
                         x: "3",
                         y: "4",
@@ -23142,7 +23143,7 @@ const WT = /* @__PURE__ */ q({
                         x2: "21",
                         y2: "10"
                       }, null, -1)
-                    ])])) : D.icon === "slides" ? (C(), A("svg", vE, [...E[6] || (E[6] = [
+                    ])])) : D.icon === "slides" ? (C(), A("svg", wE, [...E[6] || (E[6] = [
                       x("rect", {
                         x: "2",
                         y: "3",
@@ -23163,24 +23164,24 @@ const WT = /* @__PURE__ */ q({
                         x2: "12",
                         y2: "21"
                       }, null, -1)
-                    ])])) : D.icon === "figma" ? (C(), A("svg", wE, [...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", kE, [...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", bE, [...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", xE, _e(D.label), 1)
-                ], 8, fE)), 64))
+                  x("span", SE, _e(D.label), 1)
+                ], 8, hE)), 64))
               ])
             ], 64))
           ], 4)) : j("", !0)
@@ -23188,7 +23189,7 @@ const WT = /* @__PURE__ */ q({
       ], 64);
     };
   }
-}), AE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media", IE = /* @__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({
@@ -23200,7 +23201,7 @@ const WT = /* @__PURE__ */ q({
         thickness: 30
       },
       asset: {
-        identifier: AE,
+        identifier: IE,
         uploadState: "complete"
       }
     });
@@ -23258,7 +23259,7 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot"]));
   }
-}), OE = /* @__PURE__ */ q({
+}), _E = /* @__PURE__ */ q({
   __name: "FrameTool",
   setup(n) {
     const e = O(() => JSON.stringify({
@@ -23294,22 +23295,22 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }, 8, ["drag-out-snapshot", "draw-snapshot"]));
   }
-}), _E = { class: "wov-toolbar-container" }, DE = /* @__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 = [
-      nE,
       oE,
-      aE,
+      rE,
+      cE,
+      dE,
+      AE,
+      iE,
+      _E,
       uE,
-      EE,
       sE,
       OE,
-      cE,
-      rE,
-      IE,
-      lE,
-      iE
+      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")) : [];
@@ -23404,8 +23405,8 @@ const WT = /* @__PURE__ */ q({
       dragOutTool: R,
       onToolPointerDown: W,
       onToolPointerUp: V
-    }), (X, Y) => (C(), A("div", _E, [
-      Z(YT),
+    }), (X, Y) => (C(), A("div", DE, [
+      Z(XT),
       x("div", {
         ref_key: "toolsContainerRef",
         ref: f,
@@ -23457,7 +23458,7 @@ const WT = /* @__PURE__ */ q({
       ], 8, ["to"])) : j("", !0)
     ]));
   }
-}), tI = /* @__PURE__ */ q({
+}), nI = /* @__PURE__ */ q({
   __name: "ArcArrowTool",
   setup(n) {
     return (e, t) => (C(), ee(Ht, {
@@ -23481,14 +23482,14 @@ const WT = /* @__PURE__ */ q({
       _: 1
     }));
   }
-}), NE = { class: "wov-user-presence-avatars" }, RE = ["src", "alt"], PE = { class: "wov-user-presence-list" }, LE = ["src", "alt"], $E = { class: "wov-user-presence-name" }, BE = 4, zE = /* @__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) {
@@ -23504,7 +23505,7 @@ const WT = /* @__PURE__ */ q({
         avatar: l.avatar,
         initials: r(l.name)
       }))
-    ), i = O(() => s.value.slice(0, BE));
+    ), i = O(() => s.value.slice(0, zE));
     return (l, a) => n.users.length > 1 ? (C(), A("div", {
       key: 0,
       ref_key: "containerRef",
@@ -23515,7 +23516,7 @@ const WT = /* @__PURE__ */ q({
         class: Te(["wov-user-presence-trigger", { "is-open": t.value }]),
         onClick: a[0] || (a[0] = (c) => t.value = !t.value)
       }, [
-        x("div", NE, [
+        x("div", RE, [
           (C(!0), A(ie, null, Se(i.value, (c) => (C(), A("div", {
             key: c.sessionId,
             class: "wov-user-avatar",
@@ -23526,7 +23527,7 @@ const WT = /* @__PURE__ */ q({
               src: c.avatar,
               alt: c.name,
               class: "wov-user-avatar-img"
-            }, null, 8, RE)) : (C(), A(ie, { key: 1 }, [
+            }, null, 8, PE)) : (C(), A(ie, { key: 1 }, [
               Sa(_e(c.initials), 1)
             ], 64))
           ], 4))), 128))
@@ -23538,7 +23539,7 @@ const WT = /* @__PURE__ */ q({
         onWheel: a[1] || (a[1] = ut(() => {
         }, ["stop"]))
       }, [
-        x("div", PE, [
+        x("div", LE, [
           (C(!0), A(ie, null, Se(s.value, (c) => (C(), A("div", {
             key: c.sessionId,
             class: "wov-user-presence-item"
@@ -23554,11 +23555,11 @@ const WT = /* @__PURE__ */ q({
                 src: c.avatar,
                 alt: c.name,
                 class: "wov-user-avatar-img"
-              }, null, 8, LE)) : (C(), A(ie, { key: 1 }, [
+              }, null, 8, $E)) : (C(), A(ie, { key: 1 }, [
                 Sa(_e(c.initials), 1)
               ], 64))
             ], 4),
-            x("span", $E, _e(c.name), 1)
+            x("span", BE, _e(c.name), 1)
           ]))), 128))
         ])
       ], 32)) : j("", !0)
@@ -23566,7 +23567,7 @@ const WT = /* @__PURE__ */ q({
   }
 }), dc = (n, e) => e.some((t) => n instanceof t);
 let bh, xh;
-function FE() {
+function HE() {
   return bh || (bh = [
     IDBDatabase,
     IDBObjectStore,
@@ -23575,7 +23576,7 @@ function FE() {
     IDBTransaction
   ]);
 }
-function HE() {
+function VE() {
   return xh || (xh = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
@@ -23583,7 +23584,7 @@ function HE() {
   ]);
 }
 const fc = /* @__PURE__ */ new WeakMap(), ya = /* @__PURE__ */ new WeakMap(), El = /* @__PURE__ */ new WeakMap();
-function VE(n) {
+function WE(n) {
   const e = new Promise((t, o) => {
     const r = () => {
       n.removeEventListener("success", s), n.removeEventListener("error", i);
@@ -23596,7 +23597,7 @@ function VE(n) {
   });
   return El.set(e, n), e;
 }
-function WE(n) {
+function jE(n) {
   if (fc.has(n))
     return;
   const e = new Promise((t, o) => {
@@ -23631,26 +23632,26 @@ let hc = {
 function s0(n) {
   hc = n(hc);
 }
-function jE(n) {
-  return HE().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 UE(n) {
-  return typeof n == "function" ? jE(n) : (n instanceof IDBTransaction && WE(n), dc(n, FE()) ? 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 VE(n);
+    return WE(n);
   if (ya.has(n))
     return ya.get(n);
-  const e = UE(n);
+  const e = KE(n);
   return e !== n && (ya.set(n, e), El.set(e, n)), e;
 }
 const pc = (n) => El.get(n);
-function KE(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);
@@ -23664,16 +23665,16 @@ function KE(n, e, { blocked: t, upgrade: o, blocking: r, terminated: s } = {}) {
   }).catch(() => {
   }), l;
 }
-const qE = ["get", "getKey", "getAll", "getAllKeys", "count"], JE = ["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 = JE.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 || qE.includes(t))
+    !(t in (o ? IDBIndex : IDBObjectStore).prototype) || !(r || JE.includes(t))
   )
     return;
   const s = async function(i, ...l) {
@@ -23691,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 GE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PURE__ */ new WeakMap(), i0 = /* @__PURE__ */ new WeakMap(), YE = {
+const YE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PURE__ */ new WeakMap(), i0 = /* @__PURE__ */ new WeakMap(), XE = {
   get(n, e) {
-    if (!GE.includes(e))
+    if (!YE.includes(e))
       return n[e];
     let t = Ch[e];
     return t || (t = Ch[e] = function(...o) {
@@ -23701,12 +23702,12 @@ const GE = ["continue", "continuePrimaryKey", "advance"], Ch = {}, mc = /* @__PU
     }), t;
   }
 };
-async function* XE(...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, YE);
+  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);
 }
@@ -23716,21 +23717,21 @@ function Mh(n, e) {
 s0((n) => ({
   ...n,
   get(e, t, o) {
-    return Mh(e, t) ? XE : 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 KE(n, 1, {
+  const t = await qE(n, 1, {
     upgrade(o) {
       o.objectStoreNames.contains(e) || o.createObjectStore(e);
     }
   });
-  return new ZE(t, e);
+  return new QE(t, e);
 }
-var ZE = class {
+var QE = class {
   constructor(n, e) {
     this.db = n, this.storeName = e;
   }
@@ -23756,7 +23757,7 @@ var ZE = class {
   close() {
     this.db.close();
   }
-}, QE = 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;
   }
@@ -23986,7 +23987,7 @@ var ZE = class {
       s && (s.reject(r), this.uploadPromises.delete(n));
     }
   }
-}, e3 = "wovencanvas-assets", t3 = "blobs", n3 = class {
+}, t3 = "wovencanvas-assets", n3 = "blobs", o3 = class {
   constructor() {
     this.store = null, this.initPromise = null, this.maxRetries = 3, this.retryDelay = 5e3;
   }
@@ -24009,10 +24010,10 @@ var ZE = 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(e3, t3).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 o3 = /* @__PURE__ */ q({
+const r3 = /* @__PURE__ */ q({
   __name: "StickyNote",
   props: {
     entityId: {},
@@ -24062,14 +24063,14 @@ const o3 = /* @__PURE__ */ q({
     /** Checkpoint ID for squashing edited block history, or empty string if none */
     editedCheckpoint: pn.string().default("").max(36)
   }
-), r3 = 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(r3),
+    snapshot: pn.string().max(1024).default(s3),
     lastClickTime: pn.float64().default(0),
     lastClickWorldX: pn.float64().default(0),
     lastClickWorldY: pn.float64().default(0)
@@ -24103,7 +24104,7 @@ function Eh(n, e, t, o, r) {
   const u = Nc.write(n);
   u.cursorKind = "select", u.rotation = 0;
 }
-function s3(n) {
+function i3(n) {
   const e = Ui.read(n);
   if (e.editedCheckpoint) {
     const t = e.editedCheckpoint;
@@ -24112,9 +24113,9 @@ function s3(n) {
     o.onSettled(() => o.squashToCheckpoint(t), { frames: 5 });
   }
 }
-const i3 = tl({ phase: "capture" }, (n) => {
+const l3 = tl({ phase: "capture" }, (n) => {
   if (nl(n)) return;
-  Th.removed(n).length > 0 && Th.current(n).length === 0 && s3(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]);
@@ -24143,7 +24144,7 @@ const i3 = tl({ phase: "capture" }, (n) => {
       "placement"
     );
   }
-}), l3 = 400, a3 = 10, c3 = 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);
@@ -24155,7 +24156,7 @@ const i3 = 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 < l3 && u < a3) {
+  if (l < a3 && u < c3) {
     let h;
     try {
       h = JSON.parse(e.snapshot);
@@ -24178,7 +24179,7 @@ const i3 = tl({ phase: "capture" }, (n) => {
     h.lastClickTime = i, h.lastClickWorldX = r.worldPosition[0], h.lastClickWorldY = r.worldPosition[1];
   }
 });
-function u3() {
+function d3() {
   if (typeof globalThis < "u")
     return globalThis;
   if (typeof self < "u")
@@ -24188,15 +24189,15 @@ function u3() {
   if (typeof global < "u")
     return global;
 }
-function d3() {
-  const n = u3();
+function f3() {
+  const n = d3();
   if (n.__xstate__)
     return n.__xstate__;
 }
-const f3 = (n) => {
+const h3 = (n) => {
   if (typeof window > "u")
     return;
-  const e = d3();
+  const e = f3();
   e && e.register(n);
 };
 class Ah {
@@ -24228,8 +24229,8 @@ class Ah {
     this._last = null;
   }
 }
-const a0 = ".", h3 = "", c0 = "", p3 = "#", m3 = "*", u0 = "xstate.init", g3 = "xstate.error", yc = "xstate.stop";
-function y3(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}`
   };
@@ -24240,7 +24241,7 @@ function vc(n, e) {
     output: e
   };
 }
-function v3(n, e) {
+function w3(n, e) {
   return {
     type: `xstate.done.actor.${n}`,
     output: e,
@@ -24265,7 +24266,7 @@ function Ut(n) {
     throw n;
   });
 }
-const w3 = 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);
@@ -24289,14 +24290,14 @@ function Nu(n) {
   return e.push(t), e;
 }
 function Ih(n) {
-  if (eA(n))
+  if (tA(n))
     return n.value;
   if (typeof n != "string")
     return n;
   const e = Nu(n);
-  return k3(e);
+  return b3(e);
 }
-function k3(n) {
+function b3(n) {
   if (n.length === 1)
     return n[0];
   const e = {};
@@ -24334,7 +24335,7 @@ function wc(n, e, t, o) {
 function m0(n) {
   return Array.isArray(n);
 }
-function b3(n) {
+function x3(n) {
   return n.type.startsWith("xstate.error.actor");
 }
 function jo(n) {
@@ -24343,7 +24344,7 @@ function jo(n) {
   } : e);
 }
 function g0(n) {
-  if (!(n === void 0 || n === h3))
+  if (!(n === void 0 || n === p3))
     return Wn(n);
 }
 function kc(n, e, t) {
@@ -24365,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 x3(n, e) {
-  if (e === n || e === m3)
+function S3(n, e) {
+  if (e === n || e === g3)
     return !0;
   if (!e.endsWith(".*"))
     return !1;
@@ -24383,8 +24384,8 @@ function x3(n, e) {
 function Dh(n, e) {
   return `${n.sessionId}.${e}`;
 }
-let S3 = 0;
-function C3(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
@@ -24429,7 +24430,7 @@ function C3(n, e) {
     _snapshot: {
       _scheduledEvents: ((e == null ? void 0 : e.snapshot) && e.snapshot.scheduler) ?? {}
     },
-    _bookId: () => `x:${S3++}`,
+    _bookId: () => `x:${C3++}`,
     _register: (f, h) => (t.set(f, h), f),
     _unregister: (f) => {
       t.delete(f.sessionId);
@@ -24491,7 +24492,7 @@ const Pu = 1;
 let pt = /* @__PURE__ */ function(n) {
   return n[n.NotStarted = 0] = "NotStarted", n[n.Running = 1] = "Running", n[n.Stopped = 2] = "Stopped", n;
 }({});
-const M3 = {
+const T3 = {
   clock: {
     setTimeout: (n, e) => setTimeout(n, e),
     clearTimeout: (n) => clearTimeout(n)
@@ -24499,7 +24500,7 @@ const M3 = {
   logger: console.log.bind(console),
   devTools: !1
 };
-class T3 {
+class E3 {
   /**
    * Creates a new actor instance for the given logic with the provided options,
    * if any.
@@ -24510,7 +24511,7 @@ class T3 {
   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 = 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 = {
-      ...M3,
+      ...T3,
       ...t
     }, {
       clock: r,
@@ -24521,7 +24522,7 @@ class T3 {
       systemId: c,
       inspect: u
     } = o;
-    this.system = i ? i.system : C3(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 = {
@@ -24617,7 +24618,7 @@ class T3 {
           } catch (l) {
             Ut(l);
           }
-        this._stopProcedure(), this._complete(), this._doneEvent = v3(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);
@@ -24857,7 +24858,7 @@ class T3 {
     const {
       devTools: e
     } = this.options;
-    e && (typeof e == "function" ? e : f3)(this);
+    e && (typeof e == "function" ? e : h3)(this);
   }
   toJSON() {
     return {
@@ -24881,7 +24882,7 @@ class T3 {
   getPersistedSnapshot(e) {
     return this.logic.getPersistedSnapshot(this._snapshot, e);
   }
-  [w3]() {
+  [k3]() {
     return this;
   }
   /**
@@ -24903,9 +24904,9 @@ class T3 {
   }
 }
 function Ki(n, ...[e]) {
-  return new T3(n, e);
+  return new E3(n, e);
 }
-function E3(n, e, t, o, {
+function A3(n, e, t, o, {
   sendId: r
 }) {
   const s = typeof r == "function" ? r(t, o) : r;
@@ -24913,7 +24914,7 @@ function E3(n, e, t, o, {
     sendId: s
   }, void 0];
 }
-function A3(n, e) {
+function I3(n, e) {
   n.defer(() => {
     n.system.scheduler.cancel(n.self, e.sendId);
   });
@@ -24921,9 +24922,9 @@ function A3(n, e) {
 function Lu(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.cancel", e.sendId = n, e.resolve = E3, e.execute = A3, e;
+  return e.type = "xstate.cancel", e.sendId = n, e.resolve = A3, e.execute = I3, e;
 }
-function I3(n, e, t, o, {
+function O3(n, e, t, o, {
   id: r,
   systemId: s,
   src: i,
@@ -24956,7 +24957,7 @@ function I3(n, e, t, o, {
     input: f
   }, void 0];
 }
-function O3(n, {
+function _3(n, {
   actorRef: e
 }) {
   e && n.defer(() => {
@@ -24971,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 = I3, s.execute = O3, 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 _3(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;
@@ -24991,7 +24992,7 @@ function y0(n, e) {
       y0(n, o);
   n.system._unregister(e);
 }
-function D3(n, e) {
+function N3(n, e) {
   if (e) {
     if (y0(n, e), e._processingStatus !== pt.Running) {
       n.stopChild(e);
@@ -25005,7 +25006,7 @@ function D3(n, e) {
 function Al(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.stopChild", e.actorRef = n, e.resolve = _3, e.execute = D3, e;
+  return e.type = "xstate.stopChild", e.actorRef = n, e.resolve = D3, e.execute = N3, e;
 }
 function Il(n, e, t, o) {
   const {
@@ -25094,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] === p3;
-function N3(n, e) {
-  return n.transitions.get(e) || [...n.transitions.keys()].filter((o) => x3(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 R3(n) {
+function P3(n) {
   const e = n.config.after;
   if (!e)
     return [];
   const t = (r) => {
-    const s = y3(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
@@ -25129,7 +25130,7 @@ function R3(n) {
   });
 }
 function Pn(n, e, t) {
-  const o = g0(t.target), r = t.reenter ?? !1, s = B3(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,
@@ -25145,7 +25146,7 @@ function Pn(n, e, t) {
   };
   return i;
 }
-function P3(n) {
+function L3(n) {
   const e = /* @__PURE__ */ new Map();
   if (n.config.on)
     for (const t of Object.keys(n.config.on)) {
@@ -25178,7 +25179,7 @@ function P3(n) {
   }
   return e;
 }
-function L3(n) {
+function $3(n) {
   const e = [], t = (o) => {
     Object.values(o).forEach((r) => {
       if (r.config.route && r.config.id) {
@@ -25194,7 +25195,7 @@ function L3(n) {
   };
   t(n.states), e.length > 0 && n.transitions.set("xstate.route", e);
 }
-function $3(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(
@@ -25215,7 +25216,7 @@ function $3(n, e) {
   };
   return o;
 }
-function B3(n, e) {
+function z3(n, e) {
   if (e !== void 0)
     return e.map((t) => {
       if (typeof t != "string")
@@ -25308,15 +25309,15 @@ function Gi(n, e) {
     return r.concat(l);
   }, []));
 }
-function z3(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 F3(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 H3(n, e, t, o) {
+function V3(n, e, t, o) {
   const r = [];
   for (const s of Object.keys(e)) {
     const i = e[s];
@@ -25328,9 +25329,9 @@ function H3(n, e, t, o) {
   return r.length ? r : n.next(t, o);
 }
 function Fu(n, e, t, o) {
-  return typeof e == "string" ? z3(n, e, t, o) : Object.keys(e).length === 1 ? F3(n, e, t, o) : H3(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 V3(n) {
+function W3(n) {
   return Object.keys(n.states).map((e) => n.states[e]).filter((e) => e.type === "history");
 }
 function Qn(n, e) {
@@ -25339,7 +25340,7 @@ function Qn(n, e) {
     t = t.parent;
   return t.parent === e;
 }
-function W3(n, e) {
+function j3(n, e) {
   const t = new Set(n), o = new Set(e);
   for (const r of t)
     if (o.has(r))
@@ -25355,7 +25356,7 @@ function S0(n, e, t) {
     let s = !1;
     const i = /* @__PURE__ */ new Set();
     for (const l of o)
-      if (W3(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 {
@@ -25370,7 +25371,7 @@ function S0(n, e, t) {
   }
   return Array.from(o);
 }
-function j3(n) {
+function U3(n) {
   const [e, ...t] = n;
   for (const o of ws(e, void 0))
     if (t.every((r) => Qn(r, o)))
@@ -25398,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 = j3(t.concat(n.source));
+  const o = U3(t.concat(n.source));
   if (o)
     return o;
   if (!n.reenter)
@@ -25416,7 +25417,7 @@ function bc(n, e, t) {
     }
   return [...o];
 }
-function U3(n, e) {
+function K3(n, e) {
   if (n.length !== e.size)
     return !1;
   for (const t of n)
@@ -25424,7 +25425,7 @@ function U3(n, e) {
       return !1;
   return !0;
 }
-function K3(n, e, t, o, r) {
+function q3(n, e, t, o, r) {
   return xc([{
     target: [...x0(n)],
     source: n,
@@ -25447,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] = Y3(d, o, t, u, a, c, s, t.actionExecutor)), d = ar(d, o, t, u.flatMap((h) => h.actions), s, void 0), d = J3(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 && U3(e._nodes, a) ? [d, i] : [Ao(d, {
+      return c === e.historyValue && K3(e._nodes, a) ? [d, i] : [Ao(d, {
         _nodes: f,
         historyValue: c
       }), i];
@@ -25462,16 +25463,16 @@ function xc(n, e, t, o, r, s) {
     t.actionExecutor = l;
   }
 }
-function q3(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 J3(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();
-  G3(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);
@@ -25495,13 +25496,13 @@ function J3(n, e, t, o, r, s, i, l) {
         continue;
       a = Ao(a, {
         status: "done",
-        output: q3(a, e, t, a.machine.root, g)
+        output: J3(a, e, t, a.machine.root, g)
       });
     }
   }
   return a;
 }
-function G3(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 || [])
@@ -25549,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 Y3(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 V3(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
@@ -25565,7 +25566,7 @@ function Y3(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 X3(n, e) {
+function Z3(n, e) {
   return n.implementations.actions[e];
 }
 function T0(n, e, t, o, r, s) {
@@ -25578,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
-      X3(i, typeof a == "string" ? a : a.type)
+      Z3(i, typeof a == "string" ? a : a.type)
     ), d = {
       context: l.context,
       event: e,
@@ -25645,7 +25646,7 @@ function ba(n, e, t, o) {
     };
   let l = e;
   if (l.type !== u0) {
-    const c = l, u = b3(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",
@@ -25667,7 +25668,7 @@ function ba(n, e, t, o) {
   }
   let a = !0;
   for (; r.status === "active"; ) {
-    let c = a ? Z3(r, l) : [];
+    let c = a ? Q3(r, l) : [];
     const u = c.length ? r : void 0;
     if (!c.length) {
       if (!o.length)
@@ -25688,7 +25689,7 @@ function Rh(n, e, t) {
 function Ph(n, e) {
   return e.machine.getTransitionData(e, n);
 }
-function Z3(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)))
@@ -25701,22 +25702,22 @@ function Z3(n, e) {
       }
   return S0(Array.from(t), new Set(n._nodes), n.historyValue);
 }
-function Q3(n, e) {
+function eA(n, e) {
   const t = qi(Gi(n, e));
   return k0(n, [...t]);
 }
-function eA(n) {
+function tA(n) {
   return !!n && typeof n == "object" && "machine" in n && "value" in n;
 }
-const tA = function(e) {
+const nA = function(e) {
   return h0(e, this.value);
-}, nA = function(e) {
-  return this.tags.has(e);
 }, oA = function(e) {
+  return this.tags.has(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);
-}, rA = function() {
+}, sA = function() {
   const {
     _nodes: e,
     tags: t,
@@ -25732,7 +25733,7 @@ const tA = function(e) {
     ...c,
     tags: Array.from(t)
   };
-}, sA = function() {
+}, iA = function() {
   return this._nodes.reduce((e, t) => (t.meta !== void 0 && (e[t.id] = t.meta), e), {});
 };
 function Vs(n, e) {
@@ -25747,11 +25748,11 @@ function Vs(n, e) {
     tags: new Set(n._nodes.flatMap((t) => t.tags)),
     children: n.children,
     historyValue: n.historyValue || {},
-    matches: tA,
-    hasTag: nA,
-    can: oA,
-    getMeta: sA,
-    toJSON: rA
+    matches: nA,
+    hasTag: oA,
+    can: rA,
+    getMeta: iA,
+    toJSON: sA
   };
 }
 function Ao(n, e = {}) {
@@ -25760,7 +25761,7 @@ function Ao(n, e = {}) {
     ...e
   }, n.machine);
 }
-function iA(n) {
+function lA(n) {
   if (typeof n != "object" || n === null)
     return {};
   const e = {};
@@ -25772,7 +25773,7 @@ function iA(n) {
   }
   return e;
 }
-function lA(n, e) {
+function aA(n, e) {
   const {
     _nodes: t,
     tags: o,
@@ -25799,7 +25800,7 @@ function lA(n, e) {
     ...f,
     context: E0(i),
     children: h,
-    historyValue: iA(f.historyValue)
+    historyValue: lA(f.historyValue)
   };
 }
 function E0(n) {
@@ -25823,7 +25824,7 @@ function E0(n) {
   }
   return e ?? n;
 }
-function aA(n, e, t, o, {
+function cA(n, e, t, o, {
   event: r,
   id: s,
   delay: i
@@ -25849,7 +25850,7 @@ function aA(n, e, t, o, {
     delay: u
   }, void 0];
 }
-function cA(n, e) {
+function uA(n, e) {
   const {
     event: t,
     delay: o,
@@ -25866,9 +25867,9 @@ function cA(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 = aA, t.execute = cA, 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 uA(n, {
+function dA(n, {
   machine: e,
   context: t
 }, o, r) {
@@ -25907,7 +25908,7 @@ function uA(n, {
     }), a;
   };
 }
-function dA(n, e, t, o, {
+function fA(n, e, t, o, {
   assignment: r
 }) {
   if (!e.context)
@@ -25915,7 +25916,7 @@ function dA(n, e, t, o, {
   const s = {}, i = {
     context: e.context,
     event: t.event,
-    spawn: uA(n, e, t.event, s),
+    spawn: dA(n, e, t.event, s),
     self: n.self,
     system: n.system
   };
@@ -25939,7 +25940,7 @@ function dA(n, e, t, o, {
 function fo(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.assign", e.assignment = n, e.resolve = dA, e;
+  return e.type = "xstate.assign", e.assignment = n, e.resolve = fA, e;
 }
 const Lh = /* @__PURE__ */ new WeakMap();
 function Fo(n, e, t) {
@@ -25948,7 +25949,7 @@ function Fo(n, e, t) {
     [e]: t()
   }, Lh.set(n, o)), o[e];
 }
-const fA = {}, Mr = (n) => typeof n == "string" ? {
+const hA = {}, Mr = (n) => typeof n == "string" ? {
   type: n
 } : typeof n == "function" ? "resolve" in n ? {
   type: n.type
@@ -25961,13 +25962,13 @@ class Yi {
       _parent: this,
       _key: r,
       _machine: this.machine
-    })) : fA, 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 = P3(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();
     });
   }
@@ -26045,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", () => R3(this));
+    return Fo(this, "delayedTransitions", () => P3(this));
   }
   get initial() {
-    return Fo(this, "initial", () => $3(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}`, () => N3(this, o));
+    const i = Fo(this, `candidates-${o}`, () => R3(this, o));
     for (const l of i) {
       const {
         guard: a
@@ -26100,7 +26101,7 @@ ${d.message}`);
     return Array.from(t);
   }
 }
-const hA = "#";
+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 = {
@@ -26111,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(), L3(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.
@@ -26147,7 +26148,7 @@ class Wu {
     });
   }
   resolveState(e) {
-    const t = Q3(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 || {},
@@ -26211,7 +26212,7 @@ class Wu {
    * `ActorRef`.
    */
   getInitialSnapshot(e, t) {
-    const o = f0(t), r = [], s = this._getPreInitialState(e, o, r), [i] = K3(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;
@@ -26222,7 +26223,7 @@ class Wu {
     });
   }
   getStateNodeById(e) {
-    const t = Nu(e), o = t.slice(1), r = Ol(t[0]) ? t[0].slice(hA.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);
@@ -26234,7 +26235,7 @@ class Wu {
     return this.definition;
   }
   getPersistedSnapshot(e, t) {
-    return lA(e, t);
+    return aA(e, t);
   }
   restoreSnapshot(e, t) {
     const o = {}, r = e.children;
@@ -26297,7 +26298,7 @@ class Wu {
     return u(a.context, o), a;
   }
 }
-function pA(n, e, t, o, {
+function mA(n, e, t, o, {
   event: r
 }) {
   const s = typeof r == "function" ? r(t, o) : r;
@@ -26305,7 +26306,7 @@ function pA(n, e, t, o, {
     event: s
   }, void 0];
 }
-function mA(n, {
+function gA(n, {
   event: e
 }) {
   n.defer(() => n.emit(e));
@@ -26313,12 +26314,12 @@ function mA(n, {
 function A0(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.emit", e.event = n, e.resolve = pA, e.execute = mA, 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 gA(n, e, t, o, {
+function yA(n, e, t, o, {
   to: r,
   event: s,
   id: i,
@@ -26353,10 +26354,10 @@ function gA(n, e, t, o, {
     delay: d
   }, void 0];
 }
-function yA(n, e, t) {
+function vA(n, e, t) {
   typeof t.to == "string" && (t.to = e.children[t.to]);
 }
-function vA(n, e) {
+function wA(n, e) {
   n.defer(() => {
     const {
       to: t,
@@ -26373,19 +26374,19 @@ function vA(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 === g3 ? 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 = gA, o.retryResolve = yA, o.execute = vA, 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 wA(n, e) {
+function kA(n, e) {
   return ju(Sc.Parent, n, e);
 }
-function kA(n, e, t, o, {
+function bA(n, e, t, o, {
   collect: r
 }) {
   const s = [], i = function(a) {
@@ -26400,7 +26401,7 @@ function kA(n, e, t, o, {
   }, i.sendTo = (...l) => {
     s.push(ju(...l));
   }, i.sendParent = (...l) => {
-    s.push(wA(...l));
+    s.push(kA(...l));
   }, i.spawnChild = (...l) => {
     s.push($u(...l));
   }, i.stopChild = (...l) => {
@@ -26416,12 +26417,12 @@ function kA(n, e, t, o, {
     system: n.system
   }, o), [e, void 0, s];
 }
-function bA(n) {
+function xA(n) {
   function e(t, o) {
   }
-  return e.type = "xstate.enqueueActions", e.collect = n, e.resolve = kA, e;
+  return e.type = "xstate.enqueueActions", e.collect = n, e.resolve = bA, e;
 }
-function xA(n, e, t, o, {
+function SA(n, e, t, o, {
   value: r,
   label: s
 }) {
@@ -26430,7 +26431,7 @@ function xA(n, e, t, o, {
     label: s
   }, void 0];
 }
-function SA({
+function CA({
   logger: n
 }, {
   value: e,
@@ -26438,7 +26439,7 @@ function SA({
 }) {
   t ? n(t, e) : n(e);
 }
-function CA(n = ({
+function MA(n = ({
   context: t,
   event: o
 }) => ({
@@ -26447,9 +26448,9 @@ function CA(n = ({
 }), e) {
   function t(o, r) {
   }
-  return t.type = "xstate.log", t.value = n, t.label = e, t.resolve = xA, t.execute = SA, t;
+  return t.type = "xstate.log", t.value = n, t.label = e, t.resolve = SA, t.execute = CA, t;
 }
-function MA(n, e) {
+function TA(n, e) {
   return new Wu(n, e);
 }
 function I0({
@@ -26463,15 +26464,15 @@ function I0({
     assign: fo,
     sendTo: ju,
     raise: Vu,
-    log: CA,
+    log: MA,
     cancel: Lu,
     stopChild: Al,
-    enqueueActions: bA,
+    enqueueActions: xA,
     emit: A0,
     spawnChild: $u,
     createStateConfig: (s) => s,
     createAction: (s) => s,
-    createMachine: (s) => MA({
+    createMachine: (s) => TA({
       ...s,
       schemas: n
     }, {
@@ -26498,9 +26499,9 @@ function I0({
     })
   };
 }
-const TA = 4, $h = 1, Bh = "draw", EA = I0({
+const EA = 4, $h = 1, Bh = "draw", AA = I0({
   guards: {
-    isThresholdReached: ({ context: n, event: e }) => In.distance(n.pointingStartWorld, e.worldPosition) * e.cameraZoom >= TA
+    isThresholdReached: ({ context: n, event: e }) => In.distance(n.pointingStartWorld, e.worldPosition) * e.cameraZoom >= EA
   },
   actions: {
     setPointingStart: fo({
@@ -26603,15 +26604,15 @@ const TA = 4, $h = 1, Bh = "draw", EA = I0({
       }
     }
   }
-}), AA = 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, EA, o);
-}), IA = 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, () => {
@@ -26619,7 +26620,7 @@ const TA = 4, $h = 1, Bh = "draw", EA = I0({
   }), od(n, qs, () => {
     e.canRedo() && (Ta(n), e.redo());
   });
-}), OA = [
+}), _A = [
   {
     name: "Figtree",
     displayName: "Figtree",
@@ -26645,17 +26646,17 @@ const TA = 4, $h = 1, Bh = "draw", EA = I0({
     previewImage: "https://storage.googleapis.com/scrolly-page-fonts/EBGaramond.png"
   }
 ];
-function _A(n) {
+function DA(n) {
   return {
     name: No,
     resources: { store: n.store, getDefaults: n.getDefaults },
     singletons: [Ui, qr, l0],
-    systems: [i3, AA, c3, IA],
+    systems: [l3, IA, u3, OA],
     setup(e) {
       n.doubleClickSnapshot && (qr.write(e).snapshot = n.doubleClickSnapshot);
     },
-    cursors: eE,
-    fonts: OA,
+    cursors: tE,
+    fonts: _A,
     keybinds: [
       { command: Dc.name, key: Ll.Z, mod: !0 },
       { command: qs.name, key: Ll.Y, mod: !0 },
@@ -26663,7 +26664,7 @@ function _A(n) {
     ]
   };
 }
-const DA = /* @__PURE__ */ q({
+const NA = /* @__PURE__ */ q({
   __name: "ClipboardHandler",
   props: {
     options: {}
@@ -26672,12 +26673,12 @@ const DA = /* @__PURE__ */ q({
     const e = n, t = ge("containerRef", B(null));
     return hS(t, e.options), (o, r) => me(o.$slots, "default");
   }
-}), NA = { class: "wov-user-cursors" }, RA = {
+}), RA = { class: "wov-user-cursors" }, PA = {
   class: "wov-cursor-svg",
   viewBox: "0 0 4.35 4.75",
   width: "20",
   height: "20"
-}, PA = ["fill"], LA = "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", $A = /* @__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: {},
@@ -26692,7 +26693,7 @@ const DA = /* @__PURE__ */ q({
         screenY: (o.position[1] - e.camera.top) * e.camera.zoom
       }))
     );
-    return (o, r) => (C(), A("div", NA, [
+    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",
@@ -26700,14 +26701,14 @@ const DA = /* @__PURE__ */ q({
           transform: `translate(${s.screenX}px, ${s.screenY}px)`
         })
       }, [
-        (C(), A("svg", RA, [
+        (C(), A("svg", PA, [
           x("path", {
             fill: s.color,
             stroke: "#fff",
             "stroke-miterlimit": "10",
             "stroke-width": ".25",
-            d: LA
-          }, null, 8, PA)
+            d: $A
+          }, null, 8, LA)
         ])),
         x("span", {
           class: "wov-cursor-label",
@@ -26716,21 +26717,21 @@ const DA = /* @__PURE__ */ q({
       ], 4))), 128))
     ]));
   }
-}), BA = {
+}), zA = {
   key: 0,
   class: "wov-offline-indicator"
-}, zA = /* @__PURE__ */ q({
+}, FA = /* @__PURE__ */ q({
   __name: "OfflineIndicator",
   props: {
     isOnline: { type: Boolean }
   },
   setup(n) {
-    return (e, t) => n.isOnline ? j("", !0) : (C(), A("div", BA, "Working Offline"));
+    return (e, t) => n.isOnline ? j("", !0) : (C(), A("div", zA, "Working Offline"));
   }
-}), FA = {
+}), HA = {
   key: 0,
   class: "wov-version-mismatch-overlay"
-}, HA = /* @__PURE__ */ q({
+}, VA = /* @__PURE__ */ q({
   __name: "VersionMismatch",
   props: {
     versionMismatch: { type: Boolean }
@@ -26739,7 +26740,7 @@ const DA = /* @__PURE__ */ q({
     function e() {
       window.location.reload();
     }
-    return (t, o) => n.versionMismatch ? (C(), A("div", FA, [
+    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)),
@@ -26747,7 +26748,7 @@ const DA = /* @__PURE__ */ q({
       ])
     ])) : j("", !0);
   }
-}), VA = /* @__PURE__ */ q({
+}), WA = /* @__PURE__ */ q({
   __name: "BackToContentButton",
   setup(n) {
     const { nextEditorTick: e } = Ce(), t = ot(Pe), o = ct((c) => c.with(Et, le, Uo)), r = B(0), s = ge(Ue);
@@ -26831,7 +26832,7 @@ const DA = /* @__PURE__ */ q({
       Sa(" Back to content ", -1)
     ])])) : j("", !0);
   }
-}), WA = ["data-entity-id", "data-selected", "data-held-by-other", "data-hovered", "data-edited"], jA = /* @__PURE__ */ q({
+}), jA = ["data-entity-id", "data-selected", "data-held-by-other", "data-hovered", "data-edited"], UA = /* @__PURE__ */ q({
   __name: "WovenCanvasCore",
   props: {
     store: {},
@@ -26857,7 +26858,7 @@ const DA = /* @__PURE__ */ q({
       "transform-handle": YS,
       "arrow-handle": Wy,
       "arrow-terminal": qy,
-      "sticky-note": o3,
+      "sticky-note": r3,
       eraser: Sv,
       "pen-stroke": $v,
       "arc-arrow": zy,
@@ -26962,15 +26963,15 @@ const DA = /* @__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 QE({
-      provider: g.assetProvider ?? new n3(),
+    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(
-        _A({
+        DA({
           store: I,
           doubleClickSnapshot: g.doubleClickSnapshot,
           // Live read of the creation-defaults registry so the placement systems can
@@ -27303,7 +27304,7 @@ const DA = /* @__PURE__ */ q({
         key: 0,
         background: n.background
       }, () => [
-        Z(zT, { 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
@@ -27337,7 +27338,7 @@ const DA = /* @__PURE__ */ q({
                   ref_for: !0
                 }, K.value), null, 16)) : j("", !0)
               ])
-            ], 12, WA)) : j("", !0)
+            ], 12, jA)) : j("", !0)
           ], 64))), 128))
         ], 6)
       ], 64))), 64)),
@@ -27347,13 +27348,13 @@ const DA = /* @__PURE__ */ q({
         currentSessionId: F(M).sessionId,
         camera: fe.value
       }, () => [
-        Z($A, {
+        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(UT, { key: 2 }, {
+      b.value ? (C(), ee(KT, { key: 2 }, {
         default: se((P) => [
           me(I.$slots, "floating-menu", qh(Jh(P)))
         ]),
@@ -27363,35 +27364,35 @@ const DA = /* @__PURE__ */ q({
         key: 3,
         users: E.value
       }, () => [
-        Z(zE, { 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(DE)
+        Z(NE)
       ]) : j("", !0),
       b.value ? me(I.$slots, "default", { key: 5 }) : j("", !0),
       me(I.$slots, "offline-indicator", { isOnline: V.value }, () => [
-        Z(zA, { "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(HA, { "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(VA)
+        Z(WA)
       ]),
       me(I.$slots, "loading", { isLoading: re.value }, () => [
-        Z(JT, { "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(FT)
+        Z(HT)
       ]) : j("", !0),
-      b.value ? (C(), ee(DA, {
+      b.value ? (C(), ee(NA, {
         key: 7,
         options: g.copyPaste
       }, null, 8, ["options"])) : j("", !0),
       Z(wM)
     ], 512));
   }
-}), nI = /* @__PURE__ */ q({
+}), oI = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "WovenCanvas",
   setup(n, { expose: e }) {
@@ -27403,7 +27404,7 @@ const DA = /* @__PURE__ */ q({
       }
     }), (o, r) => (C(), ee(K0, null, {
       default: se(() => [
-        Z(jA, Xo({
+        Z(UA, Xo({
           ref_key: "core",
           ref: t
         }, o.$attrs), q0({ _: 2 }, [
@@ -27422,7 +27423,7 @@ const DA = /* @__PURE__ */ q({
 export {
   Qh as ARROW_HEADS,
   zy as ArcArrow,
-  tI as ArcArrowTool,
+  nI as ArcArrowTool,
   Wy as ArrowHandle,
   $n as ArrowHead,
   uh as ArrowHeadButton,
@@ -27430,51 +27431,52 @@ export {
   ZC as ArrowThicknessButton,
   eM as AspectLockButton,
   sM as BlockOperationsButton,
-  eE as CURSORS,
-  zT as CanvasBackground,
-  sI as CanvasComponentDef,
-  iI as CanvasSingletonDef,
-  lI 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,
-  _A as EditingPlugin,
+  DA as EditingPlugin,
   Qy as ElbowArrow,
-  cE as ElbowArrowTool,
+  uE as ElbowArrowTool,
   ov as EmbedBlock,
-  EE as EmbedTool,
+  AE as EmbedTool,
   Sv as Eraser,
-  iE as EraserTool,
-  FT as FileDropZone,
-  UT as FloatingMenu,
-  WT as FloatingMenuBar,
+  lE as EraserTool,
+  HT as FileDropZone,
+  KT as FloatingMenu,
+  jT as FloatingMenuBar,
   Cv as FrameBlock,
-  oE as HandTool,
+  rE as HandTool,
   _t as IconChevronDown,
   Ov as ImageBlock,
-  uE as ImageTool,
-  JT as LoadingOverlay,
+  dE as ImageTool,
+  GT as LoadingOverlay,
   Po as MenuButton,
   bt as MenuDropdown,
   wM as MenuTooltip,
   $v as PenStroke,
   xM as PenStrokeThicknessButton,
-  lE as PenTool,
+  aE as PenTool,
   Ys as SHAPES,
-  nE as SelectTool,
+  oE as SelectTool,
   zv as SelectionBox,
   zS as ShapeBlock,
   IM as ShapeFillColorButton,
   PM as ShapeKindButton,
   qM as ShapeStrokeColorButton,
-  sE as ShapeTool,
-  rE as StickyNoteTool,
-  aI as Synced,
+  iE as ShapeTool,
+  sE as StickyNoteTool,
+  cI as Synced,
   VS as TapeBlock,
   XM as TapeImageButton,
-  IE as TapeTool,
+  OE as TapeTool,
   fh as TextAlignmentButton,
   jS as TextBlock,
   hh as TextBoldButton,
@@ -27483,24 +27485,24 @@ export {
   mh as TextFontSizeButton,
   gh as TextItalicButton,
   vh as TextLinkButton,
-  aE as TextTool,
+  cE as TextTool,
   yh as TextUnderlineButton,
-  DE as Toolbar,
+  NE as Toolbar,
   Ht as ToolbarButton,
   KS as TransformBox,
   YS as TransformHandle,
-  zE as UserPresence,
+  FE as UserPresence,
   Ue as WOVEN_CANVAS_KEY,
-  nI as WovenCanvas,
-  HT as computeCommonComponents,
-  VT as computeShowOperations,
-  cI as defineCanvasComponent,
-  uI 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,