@floegence/floe-webapp-core 0.53.3 → 0.54.0

package/dist/components/workbench/WorkbenchLayerObjects.js

@@ -1,19 +1,16 @@
-import { insert as R, createComponent as k, memo as ve, effect as U, template as O, classList as Ie, setAttribute as _, style as ge, addEventListener as V, use as fe, setStyleProperty as me, delegateEvents as Qe } from "solid-js/web";
-import { createMemo as S, For as se, Show as te, createEffect as Re, onCleanup as ke, createSignal as re, untrack as ze, batch as Me } from "solid-js";
-import { GripVertical as Ye, Check as Ze, Copy as et, Trash as Te, ChevronDown as tt, Minus as nt, Plus as it } from "../icons/index.js";
-import { startHotInteraction as Ue } from "../../utils/hotInteraction.js";
-import { startPointerSession as Ke } from "../ui/pointerSession.js";
-import { WORKBENCH_STICKY_NOTE_COLORS as ot, WORKBENCH_REGION_FILL_OPTIONS as rt, WORKBENCH_BACKGROUND_MATERIALS as at, WORKBENCH_TEXT_FONT_OPTIONS as Pe, WORKBENCH_TEXT_COLOR_OPTIONS as ct, WORKBENCH_TEXT_EMOJI_OPTIONS as lt } from "./workbenchOptions.js";
-import { compareWorkbenchLayerRenderOrder as st, createWorkbenchWidgetSurfaceMetrics as dt } from "./workbenchHelpers.js";
-import { createOwnerSafePropAccessor as n } from "./workbenchOwnerSafeAccessors.js";
-var ut = /* @__PURE__ */ O('<div class=workbench-sticky__actions data-floe-workbench-sticky-local=true><button type=button class=workbench-sticky__tool aria-label="Copy sticky note content"></button><button type=button class=workbench-sticky__tool aria-label="Change sticky note color"title="Change sticky note color"><span class=workbench-sticky__color-dot aria-hidden=true></span></button><button type=button class="workbench-sticky__tool is-danger"aria-label="Delete sticky note"title="Delete sticky note">'), ht = /* @__PURE__ */ O('<button type=button class="workbench-layer-resize workbench-sticky__resize"aria-label="Resize sticky note">'), wt = /* @__PURE__ */ O('<article class=workbench-sticky data-floe-canvas-interactive=true data-floe-workbench-widget-root=true data-wb-plane=work data-wb-object-kind=sticky tabindex=0><div class=workbench-sticky__surface><header class=workbench-sticky__header><button type=button class=workbench-sticky__grip aria-label="Drag sticky note"data-floe-workbench-sticky-local=true data-wb-part=move></button></header><div class=workbench-sticky__body role=textbox aria-multiline=true aria-label="Sticky note body"data-floe-workbench-text-selection-surface=true data-wb-text-editor=plain data-floe-workbench-sticky-local=true data-wb-part=content>'), mt = /* @__PURE__ */ O("<article class=workbench-text-annotation data-wb-plane=annotation data-wb-object-kind=text data-wb-part=body><div class=workbench-text-annotation__content data-floe-workbench-text-selection-surface=true data-wb-text-editor=plain data-wb-part=content>"), vt = /* @__PURE__ */ O("<article class=workbench-background-region data-wb-plane=background data-wb-object-kind=region data-wb-part=body>"), gt = /* @__PURE__ */ O('<div class=workbench-text-font-popover role=menu aria-label="Bold font">'), bt = /* @__PURE__ */ O("<div class=workbench-text-emoji-popover role=menu aria-label=Emoji>"), yt = /* @__PURE__ */ O('<div class="workbench-layer-control workbench-layer-control--text"data-floe-canvas-interactive=true data-wb-plane=overlay data-wb-object-kind=text data-wb-part=toolbar><div class="workbench-layer-control__selection is-text"aria-hidden=true></div><div class=workbench-text-annotation__toolbar data-floe-canvas-interactive=true><button type=button aria-label="Move text"title="Move text"class="workbench-layer-mini-button workbench-layer-move-handle"data-wb-part=move></button><div class=workbench-text-font-picker data-floe-canvas-interactive=true><button type=button aria-label="Choose bold font"aria-haspopup=menu title="Choose bold font"class=workbench-text-font-trigger><span class=workbench-text-font-trigger__sample>Aa</span><span class=workbench-text-font-trigger__label></span></button></div><div class=workbench-text-size-stepper role=group aria-label="Text size"><button type=button aria-label="Decrease text size"title="Decrease text size"class=workbench-text-size-stepper__button></button><input class=workbench-text-annotation__size-input type=text inputmode=numeric pattern=[0-9]* aria-label="Text size value"><button type=button aria-label="Increase text size"title="Increase text size"class=workbench-text-size-stepper__button></button></div><div class=workbench-text-emoji-picker data-floe-canvas-interactive=true><button type=button aria-label="Insert emoji"aria-haspopup=menu title="Insert emoji"class=workbench-text-emoji-trigger>✨</button></div><button type=button class=workbench-layer-mini-button></button><button type=button class="workbench-layer-mini-button is-danger"aria-label="Delete text"></button></div><button type=button class=workbench-layer-resize aria-label="Resize text"data-wb-part=resize>'), ft = /* @__PURE__ */ O("<button type=button role=menuitemradio class=workbench-text-font-option><span class=workbench-text-font-option__sample>Aa</span><span class=workbench-text-font-option__label>"), kt = /* @__PURE__ */ O("<button type=button class=workbench-layer-swatch>"), xt = /* @__PURE__ */ O("<button type=button role=menuitem class=workbench-text-emoji-option>"), $t = /* @__PURE__ */ O('<div class="workbench-layer-control workbench-layer-control--region"data-floe-canvas-interactive=true data-wb-plane=overlay data-wb-object-kind=region data-wb-part=toolbar><div class="workbench-layer-control__selection is-region"aria-hidden=true></div><div class=workbench-background-region__toolbar data-floe-canvas-interactive=true><div class=workbench-region-material-group role=group aria-label="Region material"></div><button type=button class=workbench-layer-mini-button>%</button><button type=button class="workbench-layer-mini-button is-danger"aria-label="Delete background region"></button></div><button type=button class=workbench-layer-resize aria-label="Resize background region"data-wb-part=resize>'), _t = /* @__PURE__ */ O('<button type=button class="workbench-layer-swatch workbench-layer-swatch--region">'), Ct = /* @__PURE__ */ O("<button type=button class=workbench-region-material><span class=workbench-region-material__sample aria-hidden=true>"), St = /* @__PURE__ */ O("<div class=workbench-region-visibility-outline aria-hidden=true data-wb-plane=overlay data-wb-object-kind=region-outline>"), pt = /* @__PURE__ */ O("<div class=workbench-region-visibility-outline-layer aria-hidden=true>"), zt = /* @__PURE__ */ O("<div class=workbench-background-layer>"), Mt = /* @__PURE__ */ O("<div class=workbench-annotation-layer>"), Rt = /* @__PURE__ */ O("<div class=workbench-control-overlay-layer data-wb-plane=overlay>");
-const Et = 190, Pt = 132, It = 180, Tt = 120, jt = 96, Lt = 42, Fe = {
-  solid: "Solid",
-  dotted: "Dotted",
-  grid: "Grid",
-  hatched: "Hatched",
-  glass: "Glass"
-}, Dt = {
+import { insert as C, createComponent as b, memo as xe, effect as F, template as N, addEventListener as le, use as ge, classList as He, setAttribute as c, style as ye, spread as at, mergeProps as ct, className as tt, setStyleProperty as Pe, delegateEvents as lt } from "solid-js/web";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as st } from "../ui/localInteractionSurface.js";
+import { useWorkbenchCompositionText as Te } from "./workbenchCompositionMessages.js";
+import { SurfaceAnchoredLayer as Ae } from "../ui/SurfaceAnchoredLayer.js";
+import { createMemo as O, For as me, Show as ue, createEffect as Le, onCleanup as $e, createSignal as de, untrack as We, batch as Ne } from "solid-js";
+import { GripVertical as it, Check as dt, Copy as ut, Trash as Be, ChevronDown as vt, Minus as ht, Plus as wt } from "../icons/index.js";
+import { startHotInteraction as ot } from "../../utils/hotInteraction.js";
+import { startPointerSession as rt } from "../ui/pointerSession.js";
+import { WORKBENCH_STICKY_NOTE_COLORS as mt, WORKBENCH_REGION_FILL_OPTIONS as gt, WORKBENCH_BACKGROUND_MATERIALS as bt, WORKBENCH_TEXT_FONT_OPTIONS as Ge, WORKBENCH_TEXT_COLOR_OPTIONS as yt, WORKBENCH_TEXT_EMOJI_OPTIONS as ft } from "./workbenchOptions.js";
+import { compareWorkbenchLayerRenderOrder as kt, createWorkbenchWidgetSurfaceMetrics as xt } from "./workbenchHelpers.js";
+import { createOwnerSafePropAccessor as i } from "./workbenchOwnerSafeAccessors.js";
+var $t = /* @__PURE__ */ N('<div class=workbench-sticky__actions data-floe-workbench-sticky-local=true><button type=button class=workbench-sticky__tool></button><div class=workbench-material-choices role=group></div><button type=button class=workbench-layer-mini-button></button><button type=button class="workbench-sticky__tool is-danger">'), Ct = /* @__PURE__ */ N('<button type=button class="workbench-layer-resize workbench-sticky__resize">'), St = /* @__PURE__ */ N("<article class=workbench-sticky data-floe-canvas-interactive=true data-floe-workbench-widget-root=true data-wb-plane=work data-wb-object-kind=sticky tabindex=0><div class=workbench-sticky__surface data-floe-input-surface=true><button type=button class=workbench-sticky__grip data-floe-workbench-sticky-local=true data-wb-part=move></button><div class=workbench-sticky__body>"), _t = /* @__PURE__ */ N("<button type=button class=workbench-style-choice><span class=workbench-note-preview>"), Et = /* @__PURE__ */ N('<button type=button class="workbench-style-choice is-material"><span class=workbench-note-preview></span><span>'), zt = /* @__PURE__ */ N("<article class=workbench-text-annotation data-floe-input-surface=true data-wb-plane=annotation data-wb-object-kind=text data-wb-part=body><div class=workbench-text-annotation__content data-floe-workbench-text-selection-surface=true data-wb-text-editor=plain data-wb-part=content>"), Rt = /* @__PURE__ */ N("<article class=workbench-background-region data-wb-plane=background data-wb-object-kind=region data-wb-part=body><div class=workbench-background-region__label data-floe-input-surface=true><div role=textbox data-floe-workbench-text-selection-surface=true>"), Pt = /* @__PURE__ */ N("<div class=workbench-text-font-popover role=menu>"), Mt = /* @__PURE__ */ N("<div class=workbench-text-emoji-popover role=menu>"), Tt = /* @__PURE__ */ N('<div class=workbench-text-annotation__toolbar data-floe-canvas-interactive=true><button type=button class="workbench-layer-mini-button workbench-layer-move-handle"data-wb-part=move></button><div class=workbench-text-font-picker data-floe-canvas-interactive=true><button type=button aria-haspopup=menu class=workbench-text-font-trigger><span class=workbench-text-font-trigger__sample>Aa</span><span class=workbench-text-font-trigger__label></span></button></div><div class=workbench-text-size-stepper role=group><button type=button class=workbench-text-size-stepper__button></button><input class=workbench-text-annotation__size-input type=text inputmode=numeric pattern=[0-9]*><button type=button class=workbench-text-size-stepper__button></button></div><div class=workbench-text-emoji-picker data-floe-canvas-interactive=true><button type=button aria-haspopup=menu class=workbench-text-emoji-trigger>✨</button></div><button type=button class=workbench-layer-mini-button></button><button type=button class="workbench-layer-mini-button is-danger">'), Lt = /* @__PURE__ */ N('<div class="workbench-layer-control workbench-layer-control--text"data-floe-canvas-interactive=true data-wb-plane=overlay data-wb-object-kind=text data-wb-part=toolbar><div class="workbench-layer-control__selection is-text"aria-hidden=true></div><button type=button class=workbench-layer-resize data-wb-part=resize>'), It = /* @__PURE__ */ N("<button type=button role=menuitemradio class=workbench-text-font-option><span class=workbench-text-font-option__sample>Aa</span><span class=workbench-text-font-option__label>"), jt = /* @__PURE__ */ N("<button type=button class=workbench-layer-swatch>"), pt = /* @__PURE__ */ N("<button type=button role=menuitem class=workbench-text-emoji-option>"), Dt = /* @__PURE__ */ N("<button type=button class=workbench-layer-mini-button>"), Ot = /* @__PURE__ */ N('<div class=workbench-background-region__toolbar data-floe-canvas-interactive=true><button type=button class=workbench-layer-mini-button></button><div class=workbench-region-material-group role=group></div><button type=button class=workbench-layer-mini-button>%</button><button type=button class="workbench-layer-mini-button is-danger">'), Wt = /* @__PURE__ */ N('<div class="workbench-layer-control workbench-layer-control--region"data-floe-canvas-interactive=true data-wb-plane=overlay data-wb-object-kind=region data-wb-part=toolbar><div class="workbench-layer-control__selection is-region"aria-hidden=true></div><button type=button class=workbench-layer-resize data-wb-part=resize>'), Nt = /* @__PURE__ */ N("<button type=button>"), Ft = /* @__PURE__ */ N("<button type=button class=workbench-region-material><span aria-hidden=true></span><span>"), Gt = /* @__PURE__ */ N("<div class=workbench-region-visibility-outline aria-hidden=true data-wb-plane=overlay data-wb-object-kind=region-outline>"), Ht = /* @__PURE__ */ N("<div class=workbench-region-visibility-outline-layer aria-hidden=true>"), At = /* @__PURE__ */ N("<div class=workbench-background-layer>"), Bt = /* @__PURE__ */ N("<div class=workbench-annotation-layer>"), Xt = /* @__PURE__ */ N("<div class=workbench-control-overlay-layer data-wb-plane=overlay>");
+const Yt = 190, Kt = 132, Ut = 180, Vt = 120, Jt = 96, qt = 42, Qt = {
   amber: "is-amber",
   sage: "is-sage",
   azure: "is-azure",
@@ -21,151 +18,152 @@ const Et = 190, Pt = 132, It = 180, Tt = 120, jt = 96, Lt = 42, Fe = {
   rose: "is-rose",
   graphite: "is-graphite"
 };
-function Zt() {
+function xn() {
   const e = /* @__PURE__ */ new Map();
   return {
-    register(t, u) {
-      return e.set(t, u), () => {
-        e.get(t) === u && e.delete(t);
+    register(n, r) {
+      return e.set(n, r), () => {
+        e.get(n) === r && e.delete(n);
       };
     },
-    get(t) {
-      return e.get(t);
+    get(n) {
+      return e.get(n);
     }
   };
 }
-function je(e) {
-  return [...e].sort(st);
+function Xe(e) {
+  return [...e].sort(kt);
 }
-function Le(e) {
-  return new Map(e.map((t) => [t.id, t]));
+function Ye(e) {
+  return new Map(e.map((n) => [n.id, n]));
 }
-function Ve(e, t) {
-  const u = e.findIndex((i) => i === t);
-  return e[(u + 1) % e.length] ?? e[0];
+function Zt(e, n) {
+  const r = e.findIndex((u) => u === n);
+  return e[(r + 1) % e.length] ?? e[0];
 }
-function Be(e, t, u) {
-  Re(() => {
+function nt(e, n, r) {
+  Le(() => {
     if (!e() || typeof document > "u") return;
-    const i = (g) => {
-      const y = t();
-      y && g.target instanceof Node && y.contains(g.target) || u();
-    }, c = (g) => {
-      g.key === "Escape" && u();
+    const u = (y) => {
+      const S = n();
+      S && y.target instanceof Node && S.contains(y.target) || r();
+    }, t = (y) => {
+      y.key === "Escape" && r();
     };
-    document.addEventListener("pointerdown", i, !0), document.addEventListener("keydown", c), ke(() => {
-      document.removeEventListener("pointerdown", i, !0), document.removeEventListener("keydown", c);
+    document.addEventListener("pointerdown", u, !0), document.addEventListener("keydown", t), $e(() => {
+      document.removeEventListener("pointerdown", u, !0), document.removeEventListener("keydown", t);
     });
   });
 }
-function Ot(e, t) {
+function en(e, n) {
   if (!e || e.rangeCount <= 0) return !1;
-  const u = e.getRangeAt(0).commonAncestorContainer;
-  return u === t || t.contains(u);
+  const r = e.getRangeAt(0).commonAncestorContainer;
+  return r === n || n.contains(r);
 }
-function Je(e) {
-  const [t, u] = re(), [i, c] = re(!1), [g, y] = re(!1), p = () => t()?.textContent ?? "", b = (h) => u(h), E = (h) => {
-    const f = h.innerHTML ?? "";
-    f !== e.value() && e.onCommit(f);
+function Ke(e) {
+  const [n, r] = de(), [u, t] = de(!1), [y, S] = de(!1);
+  let j = "", L = !1;
+  const G = () => n()?.textContent ?? "", T = (l) => r(l), p = (l) => {
+    const v = e.singleLine ? (l.textContent ?? "").trim() : l.innerHTML ?? "";
+    v !== e.value() && e.onCommit(v);
   };
-  return Re(() => {
-    const h = t();
-    if (!h || i() || g()) return;
-    const f = e.value();
-    (h.innerHTML ?? "") !== f && (h.innerHTML = f);
+  return Le(() => {
+    const l = n();
+    if (!l || u() || y()) return;
+    const v = e.value();
+    (l.innerHTML ?? "") !== v && (e.singleLine ? l.textContent = v : l.innerHTML = v);
   }), {
-    bind: b,
-    readText: p,
-    focus: () => t()?.focus(),
-    insertTextAtSelection: (h) => {
-      const f = t();
-      if (!f) return;
-      f.focus();
-      const a = document.getSelection(), r = Ot(a, f), l = r && a ? a.getRangeAt(0) : document.createRange();
-      r || (l.selectNodeContents(f), l.collapse(!1)), l.deleteContents();
-      const o = document.createTextNode(h);
-      l.insertNode(o), l.setStartAfter(o), l.collapse(!0), a?.removeAllRanges(), a?.addRange(l), E(f);
+    bind: T,
+    isFocused: y,
+    readText: G,
+    focus: () => {
+      S(!0), n()?.focus({
+        preventScroll: !0
+      });
     },
-    handleFocus: () => {
-      y(!0);
+    insertTextAtSelection: (l) => {
+      const v = n();
+      if (!v) return;
+      v.focus({
+        preventScroll: !0
+      });
+      const d = document.getSelection(), a = en(d, v), M = a && d ? d.getRangeAt(0) : document.createRange();
+      a || (M.selectNodeContents(v), M.collapse(!1)), M.deleteContents();
+      const s = document.createTextNode(l);
+      M.insertNode(s), M.setStartAfter(s), M.collapse(!0), d?.removeAllRanges(), d?.addRange(M);
     },
-    handleBlur: (h) => {
-      i() || E(h.currentTarget), y(!1);
+    handleFocus: () => {
+      j = e.value(), L = !1, S(!0);
     },
-    handleInput: (h) => {
-      i() || h.isComposing || E(h.currentTarget);
+    handleBlur: (l) => {
+      !L && !u() && p(l.currentTarget), S(!1);
     },
-    handleKeyDown: (h) => {
-      if (i()) return;
-      const f = h.ctrlKey || h.metaKey;
-      f && h.key === "b" ? (h.preventDefault(), document.execCommand("bold", !1), E(h.currentTarget)) : f && h.key === "i" && (h.preventDefault(), document.execCommand("italic", !1), E(h.currentTarget));
+    handleKeyDown: (l) => {
+      if (u() || l.isComposing || l.keyCode === 229) return;
+      l.stopPropagation();
+      const v = l.ctrlKey || l.metaKey;
+      l.key === "Escape" ? (l.preventDefault(), L = !0, e.singleLine ? l.currentTarget.textContent = j : l.currentTarget.innerHTML = j, l.currentTarget.blur()) : l.key === "Enter" && (v || e.singleLine) ? (l.preventDefault(), l.currentTarget.blur()) : v && l.key === "b" ? (l.preventDefault(), document.execCommand("bold", !1)) : v && l.key === "i" && (l.preventDefault(), document.execCommand("italic", !1));
     },
     handleCompositionStart: () => {
-      c(!0);
+      t(!0);
     },
-    handleCompositionEnd: (h) => {
-      E(h.currentTarget), c(!1);
+    handleCompositionEnd: (l) => {
+      document.activeElement !== l.currentTarget && !L && p(l.currentTarget), t(!1);
     }
   };
 }
-function Wt(e) {
+function tn(e) {
   return Math.max(8, Math.min(160, Math.round(e)));
 }
-function qe(e) {
+function nn(e) {
   return Math.max(0.08, Math.min(1, e));
 }
-function Xe(e) {
-  return `${Math.round(qe(e) * 1e3) / 10}%`;
-}
-function De(e) {
-  const t = qe(e.opacity), u = `color-mix(in srgb, ${e.fill} ${Math.round(t * 100)}%, transparent)`;
+function Me(e) {
   return {
     "--workbench-region-fill": e.fill,
-    "--workbench-region-surface": u,
-    "--workbench-region-ink": `color-mix(in srgb, color-mix(in srgb, ${e.fill} 48%, var(--foreground, #111) 52%) ${Xe(Math.max(t, 0.42) * 0.72)}, transparent)`,
-    "--workbench-region-highlight": `color-mix(in srgb, white ${Xe(Math.max(t, 0.32) * 0.2)}, transparent)`
+    "--workbench-region-strength": `${Math.round(nn(e.opacity) * 100)}%`
   };
 }
-function he(e) {
+function fe(e) {
   e.stopPropagation();
 }
-function we(e) {
+function ke(e) {
   e.stopPropagation();
 }
-function Y(e) {
+function K(e) {
   e.preventDefault(), e.stopPropagation();
 }
-function A(e) {
+function Q(e) {
   e.stopPropagation();
 }
-function xe(e, t, u) {
-  return e?.kind === t && e.id === u ? e : null;
+function Ie(e, n, r) {
+  return e?.kind === n && e.id === r ? e : null;
 }
-function pe(e) {
-  const t = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1;
-  return Math.round(e * t) / t;
+function Oe(e) {
+  const n = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1;
+  return Math.round(e * n) / n;
 }
-function $e(e) {
-  const t = Math.max(e.viewport.scale, 1e-3);
+function je(e) {
+  const n = Math.max(e.viewport.scale, 1e-3);
   return e.projection !== "screen" ? {
     ...e.geometry,
-    scale: t
+    scale: n
   } : {
-    x: pe(e.viewport.x + e.geometry.x * t),
-    y: pe(e.viewport.y + e.geometry.y * t),
-    width: Math.max(1, pe(e.geometry.width * t)),
-    height: Math.max(1, pe(e.geometry.height * t)),
+    x: Oe(e.viewport.x + e.geometry.x * n),
+    y: Oe(e.viewport.y + e.geometry.y * n),
+    width: Math.max(1, Oe(e.geometry.width * n)),
+    height: Math.max(1, Oe(e.geometry.height * n)),
     scale: 1
   };
 }
-function _e(e) {
+function pe(e) {
   return {
     width: `${e.width}px`,
     height: `${e.height}px`,
     transform: `translate(${e.x}px, ${e.y}px)`
   };
 }
-function Ce(e) {
+function De(e) {
   return {
     x: e.preview?.x ?? e.position.x,
     y: e.preview?.y ?? e.position.y,
@@ -173,304 +171,381 @@ function Ce(e) {
     height: e.preview?.height ?? e.height
   };
 }
-function Ee(e) {
-  const t = n(() => e.readPosition()), u = n(() => e.readGeometry?.() ?? {
+function Fe(e) {
+  const n = i(() => e.readPosition()), r = i(() => e.readGeometry?.() ?? {
     width: 0,
     height: 0
-  }), i = n(() => e.viewportScale()), c = n(() => e.onCommitMove), g = n(() => e.onPreviewMove), y = n(() => e.onPreviewEnd), p = n(() => e.onInteractionStart), b = n(() => e.onInteractionEnd), E = n(() => e.onCommitStart), [$, j] = re(null);
-  let L;
-  return ke(() => {
-    L?.stop({
+  }), u = i(() => e.viewportScale()), t = i(() => e.onCommitMove), y = i(() => e.onPreviewMove), S = i(() => e.onPreviewEnd), j = i(() => e.onInteractionStart), L = i(() => e.onInteractionEnd), G = i(() => e.onCommitStart), [T, p] = de(null);
+  let J;
+  return $e(() => {
+    J?.stop({
       reason: "manual_stop",
       commit: !1
-    }), L = void 0, ze($)?.stopInteraction();
+    }), J = void 0, We(T)?.stopInteraction();
   }), {
-    position: S(() => {
-      const C = $();
-      return C ? {
-        x: C.worldX,
-        y: C.worldY
-      } : t();
+    position: O(() => {
+      const E = T();
+      return E ? {
+        x: E.worldX,
+        y: E.worldY
+      } : n();
     }),
-    isDragging: () => $() !== null,
-    beginDrag: (C) => {
-      if (C.button !== 0) return;
-      C.preventDefault(), C.stopPropagation(), L?.stop({
+    isDragging: () => T() !== null,
+    beginDrag: (E) => {
+      if (E.button !== 0) return;
+      E.preventDefault(), E.stopPropagation(), J?.stop({
         reason: "manual_stop",
         commit: !1
       });
-      const s = t(), m = Math.max(i(), 1e-3), h = Ue({
+      const P = n(), U = Math.max(u(), 1e-3), m = ot({
         kind: "drag",
         cursor: "grabbing"
       });
-      let f = !1;
-      p()?.();
-      const a = () => {
-        f || (f = !0, h(), b()?.());
-      }, r = u(), l = g(), o = y(), T = E(), q = c();
-      j({
-        pointerId: C.pointerId,
-        startClientX: C.clientX,
-        startClientY: C.clientY,
-        startWorldX: s.x,
-        startWorldY: s.y,
-        worldX: s.x,
-        worldY: s.y,
-        scale: m,
+      let l = !1;
+      j()?.();
+      const v = () => {
+        l || (l = !0, m(), L()?.());
+      }, d = r(), a = y(), M = S(), s = G(), h = t();
+      p({
+        pointerId: E.pointerId,
+        startClientX: E.clientX,
+        startClientY: E.clientY,
+        startWorldX: P.x,
+        startWorldY: P.y,
+        worldX: P.x,
+        worldY: P.y,
+        scale: U,
         moved: !1,
-        stopInteraction: a
-      }), L = Ke({
-        pointerEvent: C,
-        captureEl: C.currentTarget,
-        onMove: (F) => {
-          let W = null;
-          Me(() => {
-            j((M) => {
-              if (!M || M.pointerId !== F.pointerId) return M;
-              const v = {
-                x: M.startWorldX + (F.clientX - M.startClientX) / M.scale,
-                y: M.startWorldY + (F.clientY - M.startClientY) / M.scale
+        stopInteraction: v
+      }), J = rt({
+        pointerEvent: E,
+        captureEl: E.currentTarget,
+        onMove: (f) => {
+          let w = null;
+          Ne(() => {
+            p((k) => {
+              if (!k || k.pointerId !== f.pointerId) return k;
+              const D = {
+                x: k.startWorldX + (f.clientX - k.startClientX) / k.scale,
+                y: k.startWorldY + (f.clientY - k.startClientY) / k.scale
               };
-              return W = {
-                x: M.startWorldX + (F.clientX - M.startClientX) / M.scale,
-                y: M.startWorldY + (F.clientY - M.startClientY) / M.scale,
-                width: r.width,
-                height: r.height
+              return w = {
+                x: k.startWorldX + (f.clientX - k.startClientX) / k.scale,
+                y: k.startWorldY + (f.clientY - k.startClientY) / k.scale,
+                width: d.width,
+                height: d.height
               }, {
-                ...M,
-                worldX: v.x,
-                worldY: v.y,
-                moved: M.moved || Math.abs(v.x - M.startWorldX) > 2 || Math.abs(v.y - M.startWorldY) > 2
+                ...k,
+                worldX: D.x,
+                worldY: D.y,
+                moved: k.moved || Math.abs(D.x - k.startWorldX) > 2 || Math.abs(D.y - k.startWorldY) > 2
               };
-            }), W && l?.(W);
+            }), w && a?.(w);
           });
         },
         onEnd: ({
-          commit: F
+          commit: f
         }) => {
-          const W = ze($);
-          Me(() => {
-            if (W && F) {
-              const M = {
-                x: W.worldX,
-                y: W.worldY
+          const w = We(T);
+          Ne(() => {
+            if (w && f) {
+              const k = {
+                x: w.worldX,
+                y: w.worldY
               };
-              T?.(M), W.moved && q(M);
+              s?.(k), w.moved && h(k);
             }
-            W?.stopInteraction(), j(null), L = void 0, o?.();
+            w?.stopInteraction(), p(null), J = void 0, M?.();
           });
         }
       });
     }
   };
 }
-function Oe(e) {
-  const t = n(() => e.readSize()), u = n(() => e.viewportScale()), i = n(() => e.onCommitResize), c = n(() => e.onPreviewResize), g = n(() => e.onPreviewEnd), y = n(() => e.onInteractionStart), p = n(() => e.onInteractionEnd), [b, E] = re(null);
-  let $;
-  return ke(() => {
-    $?.stop({
+function Ue(e) {
+  const n = i(() => e.readSize()), r = i(() => e.viewportScale()), u = i(() => e.onCommitResize), t = i(() => e.onPreviewResize), y = i(() => e.onPreviewEnd), S = i(() => e.onInteractionStart), j = i(() => e.onInteractionEnd), [L, G] = de(null);
+  let T;
+  return $e(() => {
+    T?.stop({
       reason: "manual_stop",
       commit: !1
-    }), $ = void 0, ze(b)?.stopInteraction();
+    }), T = void 0, We(L)?.stopInteraction();
   }), {
-    size: S(() => {
-      const w = b();
-      return w ? {
-        width: w.width,
-        height: w.height
-      } : t();
+    size: O(() => {
+      const _ = L();
+      return _ ? {
+        width: _.width,
+        height: _.height
+      } : n();
     }),
-    isResizing: () => b() !== null,
-    beginResize: (w) => {
-      if (w.button !== 0) return;
-      w.preventDefault(), w.stopPropagation(), $?.stop({
+    isResizing: () => L() !== null,
+    beginResize: (_) => {
+      if (_.button !== 0) return;
+      _.preventDefault(), _.stopPropagation(), T?.stop({
         reason: "manual_stop",
         commit: !1
       });
-      const z = t(), C = Math.max(u(), 1e-3), s = Ue({
+      const H = n(), E = Math.max(r(), 1e-3), P = ot({
         kind: "resize",
         cursor: "nwse-resize"
       });
-      let m = !1;
-      y()?.();
-      const h = () => {
-        m || (m = !0, s(), p()?.());
-      }, f = c(), a = g(), r = i();
-      E({
-        pointerId: w.pointerId,
-        startClientX: w.clientX,
-        startClientY: w.clientY,
-        startWidth: z.width,
-        startHeight: z.height,
-        width: z.width,
-        height: z.height,
-        scale: C,
-        stopInteraction: h
-      }), $ = Ke({
-        pointerEvent: w,
-        captureEl: w.currentTarget,
-        onMove: (l) => {
-          let o = null;
-          Me(() => {
-            E((T) => !T || T.pointerId !== l.pointerId ? T : (o = {
-              width: Math.max(e.minWidth, T.startWidth + (l.clientX - T.startClientX) / T.scale),
-              height: Math.max(e.minHeight, T.startHeight + (l.clientY - T.startClientY) / T.scale)
+      let U = !1;
+      S()?.();
+      const m = () => {
+        U || (U = !0, P(), j()?.());
+      }, l = t(), v = y(), d = u();
+      G({
+        pointerId: _.pointerId,
+        startClientX: _.clientX,
+        startClientY: _.clientY,
+        startWidth: H.width,
+        startHeight: H.height,
+        width: H.width,
+        height: H.height,
+        scale: E,
+        stopInteraction: m
+      }), T = rt({
+        pointerEvent: _,
+        captureEl: _.currentTarget,
+        onMove: (a) => {
+          let M = null;
+          Ne(() => {
+            G((s) => !s || s.pointerId !== a.pointerId ? s : (M = {
+              width: Math.max(e.minWidth, s.startWidth + (a.clientX - s.startClientX) / s.scale),
+              height: Math.max(e.minHeight, s.startHeight + (a.clientY - s.startClientY) / s.scale)
             }, {
-              ...T,
-              width: o.width,
-              height: o.height
-            })), o && f?.(o);
+              ...s,
+              width: M.width,
+              height: M.height
+            })), M && l?.(M);
           });
         },
         onEnd: ({
-          commit: l
+          commit: a
         }) => {
-          const o = ze(b);
-          Me(() => {
-            o && l && r({
-              width: o.width,
-              height: o.height
-            }), o?.stopInteraction(), E(null), $ = void 0, a?.();
+          const M = We(L);
+          Ne(() => {
+            M && a && d({
+              width: M.width,
+              height: M.height
+            }), M?.stopInteraction(), G(null), T = void 0, v?.();
           });
         }
       });
     }
   };
 }
-function en(e) {
-  const t = n(() => e.item), u = n(() => e.selected), i = n(() => e.viewportScale), c = n(() => e.projectedViewport), g = n(() => e.surfaceReady ?? !0), y = n(() => e.renderLayer), p = n(() => e.topRenderLayer), b = n(() => e.locked), E = n(() => e.filtered), $ = n(() => e.visualFront ?? !1), j = n(() => e.onSelect), L = n(() => e.onContextMenu), w = n(() => e.onClaimVisualFrontOwner), z = n(() => e.onCommitFront), C = n(() => e.onCommitMove), s = n(() => e.onCommitResize), m = n(() => e.onUpdate), h = n(() => e.onDelete), f = n(() => e.onLayoutInteractionStart), a = n(() => e.onLayoutInteractionEnd), r = Je({
+function $n(e) {
+  const n = Te(), [r, u] = de(), t = i(() => e.item), y = i(() => e.selected), S = i(() => e.viewportScale), j = i(() => e.projectedViewport), L = i(() => e.surfaceReady ?? !0), G = i(() => e.renderLayer), T = i(() => e.topRenderLayer), p = i(() => e.locked), J = i(() => e.filtered), _ = i(() => e.visualFront ?? !1), H = i(() => e.onSelect), E = i(() => e.onContextMenu), P = i(() => e.onClaimVisualFrontOwner), U = i(() => e.onCommitFront), m = i(() => e.onCommitMove), l = i(() => e.onCommitResize), v = i(() => e.onUpdate), d = i(() => e.onDelete), a = i(() => e.onLayoutInteractionStart), M = i(() => e.onLayoutInteractionEnd), s = Ke({
     value: () => t().body,
-    onCommit: (P) => m()(t().id, {
-      body: P
+    onCommit: (I) => v()(t().id, {
+      body: I
     })
-  }), [l, o] = re(!1);
-  let T;
-  const q = () => {
-    typeof window > "u" || T === void 0 || (window.clearTimeout(T), T = void 0);
-  }, F = () => {
-    o(!0), q(), !(typeof window > "u") && (T = window.setTimeout(() => {
-      T = void 0, o(!1);
+  }), [h, f] = de(!1);
+  let w;
+  const k = () => {
+    typeof window > "u" || w === void 0 || (window.clearTimeout(w), w = void 0);
+  }, D = () => {
+    f(!0), k(), !(typeof window > "u") && (w = window.setTimeout(() => {
+      w = void 0, f(!1);
     }, 720));
   };
-  ke(() => q());
-  const W = async () => {
-    typeof navigator > "u" || !navigator.clipboard?.writeText || (await navigator.clipboard.writeText(r.readText()), F());
-  }, M = (P) => {
-    if (P.button !== 0) return;
-    const oe = t();
-    j()(oe.id), !b() && (P.target instanceof Element && P.target.closest('[data-floe-workbench-sticky-local="true"]') || (w()?.(oe.id), v.beginDrag(P)));
-  }, v = Ee({
-    viewportScale: i,
+  $e(() => k());
+  const q = async () => {
+    typeof navigator > "u" || !navigator.clipboard?.writeText || (await navigator.clipboard.writeText(s.readText()), D());
+  }, ee = (I) => {
+    if (I.button !== 0) return;
+    const be = t();
+    H()(be.id), !p() && (I.target instanceof Element && I.target.closest('[data-floe-workbench-sticky-local="true"]') || (P()?.(be.id), x.beginDrag(I)));
+  }, x = Fe({
+    viewportScale: S,
     readPosition: () => ({
       x: t().x,
       y: t().y
     }),
-    onCommitMove: (P) => C()(t().id, P),
-    onCommitStart: () => z()?.(t().id),
-    onInteractionStart: () => f()?.(),
-    onInteractionEnd: () => a()?.()
-  }), H = Oe({
-    viewportScale: i,
+    onCommitMove: (I) => m()(t().id, I),
+    onCommitStart: () => U()?.(t().id),
+    onInteractionStart: () => a()?.(),
+    onInteractionEnd: () => M()?.()
+  }), V = Ue({
+    viewportScale: S,
     readSize: () => ({
       width: t().width,
       height: t().height
     }),
-    minWidth: Et,
-    minHeight: Pt,
-    onCommitResize: (P) => s()(t().id, P),
-    onInteractionStart: () => f()?.(),
-    onInteractionEnd: () => a()?.()
-  }), J = S(() => v.position()), Q = S(() => H.size()), K = S(() => {
-    const P = c();
-    if (P)
-      return dt({
+    minWidth: Yt,
+    minHeight: Kt,
+    onCommitResize: (I) => l()(t().id, I),
+    onInteractionStart: () => a()?.(),
+    onInteractionEnd: () => M()?.()
+  }), te = O(() => x.position()), B = O(() => V.size()), ne = O(() => {
+    const I = j();
+    if (I)
+      return xt({
         widgetId: t().id,
-        worldX: J().x,
-        worldY: J().y,
-        worldWidth: Q().width,
-        worldHeight: Q().height,
-        viewport: P(),
-        ready: g()
+        worldX: te().x,
+        worldY: te().y,
+        worldWidth: B().width,
+        worldHeight: B().height,
+        viewport: I(),
+        ready: L()
       });
-  }), de = S(() => K()?.rect.viewportScale ?? Math.max(i(), 1e-3)), be = S(() => ({
-    width: `${Q().width}px`,
-    height: `${Q().height}px`,
-    transform: c() ? `translate(${K()?.rect.screenX ?? 0}px, ${K()?.rect.screenY ?? 0}px) scale(${de()})` : `translate(${J().x}px, ${J().y}px)`,
+  }), ve = O(() => ne()?.rect.viewportScale ?? Math.max(S(), 1e-3)), ie = O(() => ({
+    width: `${B().width}px`,
+    height: `${B().height}px`,
+    transform: j() ? `translate(${ne()?.rect.screenX ?? 0}px, ${ne()?.rect.screenY ?? 0}px) scale(${ve()})` : `translate(${te().x}px, ${te().y}px)`,
     "transform-origin": "0 0",
-    "z-index": `${u() || $() || v.isDragging() || H.isResizing() ? p() + 1 : y()}`
+    "z-index": `${y() || _() || x.isDragging() || V.isResizing() ? T() + 1 : G()}`
   }));
   return (() => {
-    var P = wt(), oe = P.firstChild, ue = oe.firstChild, Z = ue.firstChild, B = ue.nextSibling;
-    P.$$contextmenu = (x) => {
-      x.preventDefault(), x.stopPropagation(), L()?.(x, t());
-    }, P.addEventListener("focus", () => j()(t().id)), P.$$pointerdown = M, Z.$$pointerdown = (x) => {
+    var I = St(), be = I.firstChild, he = be.firstChild, we = he.nextSibling;
+    I.$$contextmenu = ($) => {
+      $.preventDefault(), $.stopPropagation(), E()?.($, t());
+    }, I.addEventListener("focus", () => H()(t().id)), I.$$pointerdown = ee, ge(u, I), he.$$pointerdown = ($) => {
       const X = t();
-      j()(X.id), w()?.(X.id), v.beginDrag(x);
-    }, R(Z, k(Ye, {
+      H()(X.id), P()?.(X.id), x.beginDrag($);
+    }, C(he, b(it, {
       class: "w-3.5 h-3.5"
-    })), V(B, "compositionend", r.handleCompositionEnd), V(B, "compositionstart", r.handleCompositionStart), V(B, "keydown", r.handleKeyDown, !0), V(B, "input", r.handleInput, !0), V(B, "blur", r.handleBlur), V(B, "focus", r.handleFocus), B.$$pointerdown = (x) => {
-      x.stopPropagation(), j()(t().id);
-    };
-    var ee = r.bind;
-    return typeof ee == "function" ? fe(ee, B) : r.bind = B, _(B, "spellcheck", !1), R(P, k(te, {
+    }));
+    var oe = s.bind;
+    return typeof oe == "function" ? ge(oe, we) : s.bind = we, at(we, ct(() => ({
+      [st]: y() ? "true" : void 0
+    }), {
+      get contentEditable() {
+        return !p();
+      },
+      role: "textbox",
+      "aria-multiline": "true",
+      get "aria-disabled"() {
+        return p() ? "true" : void 0;
+      },
+      get "aria-label"() {
+        return n("stickyBody");
+      },
+      spellcheck: !1,
+      "data-floe-workbench-text-selection-surface": "true",
+      "data-wb-text-editor": "plain",
+      "data-floe-workbench-sticky-local": "true",
+      "data-wb-part": "content",
+      onPointerDown: ($) => {
+        $.stopPropagation(), H()(t().id);
+      },
+      get onFocus() {
+        return s.handleFocus;
+      },
+      get onBlur() {
+        return s.handleBlur;
+      },
+      get onKeyDown() {
+        return s.handleKeyDown;
+      },
+      get onCompositionStart() {
+        return s.handleCompositionStart;
+      },
+      get onCompositionEnd() {
+        return s.handleCompositionEnd;
+      }
+    }), !1, !1), C(I, b(ue, {
       get when() {
-        return ve(() => !!u())() && !b();
+        return xe(() => !!y())() && !p();
       },
       get children() {
-        var x = ut(), X = x.firstChild, ne = X.nextSibling, ae = ne.nextSibling;
-        return X.$$click = async (N) => {
-          A(N), await W();
-        }, X.$$pointerdown = Y, R(X, k(te, {
-          get when() {
-            return l();
+        return b(Ae, {
+          get anchor() {
+            return r();
           },
-          get fallback() {
-            return k(et, {
-              class: "w-3.5 h-3.5"
-            });
+          get revision() {
+            return ie();
           },
+          class: "workbench-object-tools",
           get children() {
-            return k(Ze, {
+            var $ = $t(), X = $.firstChild, re = X.nextSibling, se = re.nextSibling, ae = se.nextSibling;
+            return X.$$click = async (z) => {
+              Q(z), await q();
+            }, X.$$pointerdown = K, C(X, b(ue, {
+              get when() {
+                return h();
+              },
+              get fallback() {
+                return b(ut, {
+                  class: "w-3.5 h-3.5"
+                });
+              },
+              get children() {
+                return b(dt, {
+                  class: "w-3.5 h-3.5"
+                });
+              }
+            })), C($, b(me, {
+              each: mt,
+              children: (z) => (() => {
+                var A = _t(), Z = A.firstChild;
+                return A.$$click = () => v()(t().id, {
+                  color: z
+                }), A.$$pointerdown = K, c(Z, "data-note-color", z), F((o) => {
+                  var g = n("stickyColor", n(z)), R = t().color === z, W = t().material ?? "tint";
+                  return g !== o.e && c(A, "aria-label", o.e = g), R !== o.t && c(A, "aria-pressed", o.t = R), W !== o.a && c(Z, "data-note-material", o.a = W), o;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0
+                }), A;
+              })()
+            }), re), C(re, b(me, {
+              each: ["tint", "tab", "ruled"],
+              children: (z) => (() => {
+                var A = Et(), Z = A.firstChild, o = Z.nextSibling;
+                return A.$$click = () => v()(t().id, {
+                  material: z
+                }), A.$$pointerdown = K, c(Z, "data-note-material", z), C(o, () => n(z)), F((g) => {
+                  var R = n("useStickyMaterial", n(z)), W = (t().material ?? "tint") === z, ce = t().color;
+                  return R !== g.e && c(A, "aria-label", g.e = R), W !== g.t && c(A, "aria-pressed", g.t = W), ce !== g.a && c(Z, "data-note-color", g.a = ce), g;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0
+                }), A;
+              })()
+            })), se.$$click = () => {
+              const z = document.activeElement;
+              z instanceof HTMLElement && z.blur();
+            }, se.$$pointerdown = K, C(se, () => n("done")), ae.$$click = (z) => {
+              Q(z), d()(t().id);
+            }, ae.$$pointerdown = K, C(ae, b(Be, {
               class: "w-3.5 h-3.5"
-            });
+            })), F((z) => {
+              var A = !!h(), Z = n("copySticky"), o = n(h() ? "copiedSticky" : "copySticky"), g = n("stickyMaterial"), R = n("deleteSticky"), W = n("deleteSticky");
+              return A !== z.e && X.classList.toggle("is-success", z.e = A), Z !== z.t && c(X, "aria-label", z.t = Z), o !== z.a && c(X, "title", z.a = o), g !== z.o && c(re, "aria-label", z.o = g), R !== z.i && c(ae, "aria-label", z.i = R), W !== z.n && c(ae, "title", z.n = W), z;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0,
+              i: void 0,
+              n: void 0
+            }), $;
           }
-        })), ne.$$click = (N) => {
-          A(N);
-          const ie = t();
-          m()(ie.id, {
-            color: Ve(ot, ie.color)
-          });
-        }, ne.$$pointerdown = Y, ae.$$click = (N) => {
-          A(N), h()(t().id);
-        }, ae.$$pointerdown = Y, R(ae, k(Te, {
-          class: "w-3.5 h-3.5"
-        })), U((N) => {
-          var ie = !!l(), ce = l() ? "Sticky note content copied" : "Copy sticky note content";
-          return ie !== N.e && X.classList.toggle("is-success", N.e = ie), ce !== N.t && _(X, "title", N.t = ce), N;
-        }, {
-          e: void 0,
-          t: void 0
-        }), x;
+        });
       }
-    }), null), R(P, k(te, {
+    }), null), C(I, b(ue, {
       get when() {
-        return !b();
+        return !p();
       },
       get children() {
-        var x = ht();
-        return V(x, "pointerdown", H.beginResize, !0), x;
+        var $ = Ct();
+        return le($, "pointerdown", V.beginResize, !0), F(() => c($, "aria-label", n("resizeSticky"))), $;
       }
-    }), null), U((x) => {
+    }), null), F(($) => {
       var X = {
-        "is-selected": u(),
-        "is-locked": b(),
-        "is-filtered-out": E(),
-        "is-dragging": v.isDragging(),
-        "is-resizing": H.isResizing(),
-        "is-copied": l(),
-        [Dt[t().color]]: !0
-      }, ne = t().id, ae = t().id, N = t().id, ie = be(), ce = !b(), d = b() ? "true" : void 0;
-      return x.e = Ie(P, X, x.e), ne !== x.t && _(P, "data-floe-workbench-widget-id", x.t = ne), ae !== x.a && _(P, "data-wb-object-id", x.a = ae), N !== x.o && _(P, "data-floe-workbench-sticky-id", x.o = N), x.i = ge(P, ie, x.i), ce !== x.n && _(B, "contenteditable", x.n = ce), d !== x.s && _(B, "aria-disabled", x.s = d), x;
+        "is-selected": y(),
+        "is-locked": p(),
+        "is-filtered-out": J(),
+        "is-dragging": x.isDragging(),
+        "is-resizing": V.isResizing(),
+        "is-copied": h(),
+        [Qt[t().color]]: !0
+      }, re = t().id, se = t().id, ae = t().id, z = ie(), A = t().color, Z = t().material ?? "tint", o = n("dragSticky");
+      return $.e = He(I, X, $.e), re !== $.t && c(I, "data-floe-workbench-widget-id", $.t = re), se !== $.a && c(I, "data-wb-object-id", $.a = se), ae !== $.o && c(I, "data-floe-workbench-sticky-id", $.o = ae), $.i = ye(I, z, $.i), A !== $.n && c(be, "data-note-color", $.n = A), Z !== $.s && c(be, "data-note-material", $.s = Z), o !== $.h && c(he, "aria-label", $.h = o), $;
     }, {
       e: void 0,
       t: void 0,
@@ -478,86 +553,87 @@ function en(e) {
       o: void 0,
       i: void 0,
       n: void 0,
-      s: void 0
-    }), P;
+      s: void 0,
+      h: void 0
+    }), I;
   })();
 }
-function Gt(e) {
-  const t = n(() => e.item), u = n(() => e.selected), i = n(() => e.editable), c = n(() => e.viewportScale), g = n(() => e.viewport ?? {
+function on(e) {
+  const n = Te(), r = i(() => e.item), u = i(() => e.selected), t = i(() => e.editable), y = i(() => e.viewportScale), S = i(() => e.viewport ?? {
     x: 0,
     y: 0,
     scale: 1
-  }), y = n(() => e.projection), p = n(() => e.preview), b = n(() => e.textEditorRegistry), E = n(() => e.onPreviewGeometry), $ = n(() => e.onSelect), j = n(() => e.onContextMenu), L = n(() => e.onCommitMove), w = n(() => e.onUpdate), z = Je({
-    value: () => t().text,
-    onCommit: (a) => w()(t().id, {
-      text: a
+  }), j = i(() => e.projection), L = i(() => e.preview), G = i(() => e.textEditorRegistry), T = i(() => e.onPreviewGeometry), p = i(() => e.onSelect), J = i(() => e.onContextMenu), _ = i(() => e.onCommitMove), H = i(() => e.onUpdate), E = Ke({
+    value: () => r().text,
+    onCommit: (d) => H()(r().id, {
+      text: d
     })
   });
-  Re(() => {
-    const a = b();
-    if (!a) return;
-    const r = a.register(t().id, {
-      focus: z.focus,
-      insertTextAtSelection: z.insertTextAtSelection,
-      readText: z.readText
+  Le(() => {
+    const d = G();
+    if (!d) return;
+    const a = d.register(r().id, {
+      focus: E.focus,
+      insertTextAtSelection: E.insertTextAtSelection,
+      readText: E.readText
     });
-    ke(r);
+    $e(a);
   });
-  const C = Ee({
-    viewportScale: c,
+  const P = Fe({
+    viewportScale: y,
     readPosition: () => ({
-      x: t().x,
-      y: t().y
+      x: r().x,
+      y: r().y
     }),
     readGeometry: () => ({
-      width: t().width,
-      height: t().height
+      width: r().width,
+      height: r().height
     }),
-    onCommitMove: (a) => L()(t().id, a),
-    onPreviewMove: (a) => E()?.({
+    onCommitMove: (d) => _()(r().id, d),
+    onPreviewMove: (d) => T()?.({
       kind: "annotation",
-      id: t().id,
-      ...a
+      id: r().id,
+      ...d
     }),
-    onPreviewEnd: () => E()?.(null)
-  }), s = S(() => {
-    const a = t(), r = xe(p(), "annotation", a.id);
-    return $e({
-      geometry: Ce({
-        preview: r,
-        position: C.position(),
-        width: a.width,
-        height: a.height
+    onPreviewEnd: () => T()?.(null)
+  }), U = O(() => {
+    const d = r(), a = Ie(L(), "annotation", d.id);
+    return je({
+      geometry: De({
+        preview: a,
+        position: P.position(),
+        width: d.width,
+        height: d.height
       }),
-      viewport: g(),
-      projection: y()
+      viewport: S(),
+      projection: j()
     });
-  }), m = S(() => y() === "screen" ? Math.max(g().scale, 1e-3) : 1), h = S(() => ({
-    ..._e(s()),
-    "z-index": `${t().z_index}`,
-    "--workbench-text-color": t().color,
-    "--workbench-text-size": `${t().font_size}px`,
-    "--workbench-text-weight": `${t().font_weight}`,
-    "--workbench-text-align": t().align,
-    "--workbench-text-family": t().font_family,
+  }), m = O(() => j() === "screen" ? Math.max(S().scale, 1e-3) : 1), l = O(() => ({
+    ...pe(U()),
+    "z-index": `${r().z_index}`,
+    "--workbench-text-color": r().color,
+    "--workbench-text-size": `${r().font_size}px`,
+    "--workbench-text-weight": `${r().font_weight}`,
+    "--workbench-text-align": r().align,
+    "--workbench-text-family": r().font_family,
     "--workbench-text-content-scale": `${m()}`,
     "--workbench-text-content-inverse-scale": `${1 / m()}`
-  })), f = (a) => {
-    !i() || a.button !== 0 || a.target instanceof Element && a.target.closest(".workbench-text-annotation__content") || (a.stopPropagation(), $()(t().id));
+  })), v = (d) => {
+    !t() || d.button !== 0 || d.target instanceof Element && d.target.closest(".workbench-text-annotation__content") || (d.stopPropagation(), p()(r().id));
   };
   return (() => {
-    var a = mt(), r = a.firstChild;
-    a.$$contextmenu = (o) => {
-      i() && (o.preventDefault(), o.stopPropagation(), $()(t().id), j()?.(o, t()));
-    }, a.$$pointerdown = f, V(r, "compositionend", z.handleCompositionEnd), V(r, "compositionstart", z.handleCompositionStart), V(r, "input", z.handleInput, !0), V(r, "blur", z.handleBlur), r.addEventListener("focus", (o) => {
-      z.handleFocus(o), i() && $()(t().id);
-    }), r.$$pointerdown = (o) => {
-      !i() || o.button !== 0 || $()(t().id);
+    var d = zt(), a = d.firstChild;
+    d.$$contextmenu = (s) => {
+      t() && (s.preventDefault(), s.stopPropagation(), p()(r().id), J()?.(s, r()));
+    }, d.$$pointerdown = v, le(a, "compositionend", E.handleCompositionEnd), le(a, "compositionstart", E.handleCompositionStart), le(a, "blur", E.handleBlur), le(a, "keydown", E.handleKeyDown, !0), a.addEventListener("focus", (s) => {
+      E.handleFocus(s), t() && p()(r().id);
+    }), a.$$pointerdown = (s) => {
+      !t() || s.button !== 0 || p()(r().id);
     };
-    var l = z.bind;
-    return typeof l == "function" ? fe(l, r) : z.bind = r, _(r, "spellcheck", !1), U((o) => {
-      var T = !!u(), q = !!i(), F = i() ? "true" : void 0, W = t().id, M = h(), v = i() ? "plaintext-only" : !1, H = i() ? 0 : void 0, J = i() ? "textbox" : void 0, Q = i() ? "true" : void 0, K = i() ? void 0 : "true";
-      return T !== o.e && a.classList.toggle("is-selected", o.e = T), q !== o.t && a.classList.toggle("is-editable", o.t = q), F !== o.a && _(a, "data-floe-canvas-interactive", o.a = F), W !== o.o && _(a, "data-wb-object-id", o.o = W), o.i = ge(a, M, o.i), v !== o.n && _(r, "contenteditable", o.n = v), H !== o.s && _(r, "tabindex", o.s = H), J !== o.h && _(r, "role", o.h = J), Q !== o.r && _(r, "aria-multiline", o.r = Q), K !== o.d && _(r, "aria-disabled", o.d = K), o;
+    var M = E.bind;
+    return typeof M == "function" ? ge(M, a) : E.bind = a, c(a, "spellcheck", !1), F((s) => {
+      var h = !!u(), f = !!t(), w = t() ? "true" : void 0, k = r().id, D = l(), q = t() ? "plaintext-only" : !1, ee = t() ? 0 : void 0, x = t() ? "textbox" : void 0, V = n("textContent"), te = t() ? "true" : void 0, B = t() ? void 0 : "true";
+      return h !== s.e && d.classList.toggle("is-selected", s.e = h), f !== s.t && d.classList.toggle("is-editable", s.t = f), w !== s.a && c(d, "data-floe-canvas-interactive", s.a = w), k !== s.o && c(d, "data-wb-object-id", s.o = k), s.i = ye(d, D, s.i), q !== s.n && c(a, "contenteditable", s.n = q), ee !== s.s && c(a, "tabindex", s.s = ee), x !== s.h && c(a, "role", s.h = x), V !== s.r && c(a, "aria-label", s.r = V), te !== s.d && c(a, "aria-multiline", s.d = te), B !== s.l && c(a, "aria-disabled", s.l = B), s;
     }, {
       e: void 0,
       t: void 0,
@@ -568,81 +644,100 @@ function Gt(e) {
       s: void 0,
       h: void 0,
       r: void 0,
-      d: void 0
-    }), a;
+      d: void 0,
+      l: void 0
+    }), d;
   })();
 }
-function Ht(e) {
-  const t = n(() => e.item), u = n(() => e.selected), i = n(() => e.editable), c = n(() => e.viewportScale), g = n(() => e.viewport ?? {
+function rn(e) {
+  const n = Te(), r = i(() => e.item), u = i(() => e.selected), t = i(() => e.editable), y = i(() => e.viewportScale), S = i(() => e.viewport ?? {
     x: 0,
     y: 0,
     scale: 1
-  }), y = n(() => e.projection), p = n(() => e.preview), b = n(() => e.onPreviewGeometry), E = n(() => e.onSelect), $ = n(() => e.onContextMenu), j = n(() => e.onCommitMove), L = Ee({
-    viewportScale: c,
+  }), j = i(() => e.projection), L = i(() => e.preview), G = i(() => e.onPreviewGeometry), T = i(() => e.onSelect), p = i(() => e.onContextMenu), J = i(() => e.onCommitMove), _ = Ke({
+    value: () => r().name,
+    singleLine: !0,
+    onCommit: (m) => e.onUpdate?.(r().id, {
+      name: m
+    })
+  });
+  Le(() => {
+    const m = e.textEditorRegistry?.register(r().id, _);
+    $e(() => m?.());
+  });
+  const H = Fe({
+    viewportScale: y,
     readPosition: () => ({
-      x: t().x,
-      y: t().y
+      x: r().x,
+      y: r().y
     }),
     readGeometry: () => ({
-      width: t().width,
-      height: t().height
+      width: r().width,
+      height: r().height
     }),
-    onCommitMove: (s) => j()(t().id, s),
-    onPreviewMove: (s) => b()?.({
+    onCommitMove: (m) => J()(r().id, m),
+    onPreviewMove: (m) => G()?.({
       kind: "background_layer",
-      id: t().id,
-      ...s
+      id: r().id,
+      ...m
     }),
-    onPreviewEnd: () => b()?.(null)
-  }), w = S(() => {
-    const s = t(), m = xe(p(), "background_layer", s.id);
-    return $e({
-      geometry: Ce({
-        preview: m,
-        position: L.position(),
-        width: s.width,
-        height: s.height
+    onPreviewEnd: () => G()?.(null)
+  }), E = O(() => {
+    const m = r(), l = Ie(L(), "background_layer", m.id);
+    return je({
+      geometry: De({
+        preview: l,
+        position: H.position(),
+        width: m.width,
+        height: m.height
       }),
-      viewport: g(),
-      projection: y()
+      viewport: S(),
+      projection: j()
     });
-  }), z = S(() => ({
-    ..._e(w()),
-    "z-index": `${t().z_index}`,
-    ...De(t())
-  })), C = (s) => {
-    !i() || s.button !== 0 || s.target instanceof Element && s.target.closest(".workbench-background-region__toolbar, .workbench-layer-resize") || (E()(t().id), L.beginDrag(s));
+  }), P = O(() => ({
+    ...pe(E()),
+    "z-index": `${r().z_index}`,
+    ...Me(r())
+  })), U = (m) => {
+    !t() || m.button !== 0 || m.target instanceof Element && m.target.closest(".workbench-background-region__label, .workbench-background-region__toolbar, .workbench-layer-resize") || (T()(r().id), H.beginDrag(m));
   };
   return (() => {
-    var s = vt();
-    return s.$$contextmenu = (m) => {
-      i() && (m.preventDefault(), m.stopPropagation(), E()(t().id), $()?.(m, t()));
-    }, s.addEventListener("focus", () => i() && E()(t().id)), s.$$pointerdown = C, U((m) => {
-      var h = {
+    var m = Rt(), l = m.firstChild, v = l.firstChild;
+    m.$$contextmenu = (a) => {
+      t() && (a.preventDefault(), a.stopPropagation(), T()(r().id), p()?.(a, r()));
+    }, m.addEventListener("focus", () => t() && T()(r().id)), m.$$pointerdown = U, le(v, "compositionend", _.handleCompositionEnd), le(v, "compositionstart", _.handleCompositionStart), le(v, "keydown", _.handleKeyDown, !0), le(v, "blur", _.handleBlur), le(v, "focus", _.handleFocus), v.$$pointerdown = (a) => {
+      a.stopPropagation(), T()(r().id);
+    };
+    var d = _.bind;
+    return typeof d == "function" ? ge(d, v) : _.bind = v, F((a) => {
+      var M = {
         "is-selected": u(),
-        "is-editable": i(),
-        "is-transforming": L.isDragging(),
-        [`is-material-${t().material}`]: !0
-      }, f = i() ? "true" : void 0, a = t().id, r = z(), l = i() ? 0 : void 0;
-      return m.e = Ie(s, h, m.e), f !== m.t && _(s, "data-floe-canvas-interactive", m.t = f), a !== m.a && _(s, "data-wb-object-id", m.a = a), m.o = ge(s, r, m.o), l !== m.i && _(s, "tabindex", m.i = l), m;
+        "is-editable": t(),
+        "is-transforming": H.isDragging(),
+        [`is-material-${r().material}`]: !0
+      }, s = t() ? "true" : void 0, h = r().id, f = P(), w = t() ? 0 : void 0, k = !r().name.trim() && !_.isFocused(), D = t() ? "plaintext-only" : !1, q = n("regionName");
+      return a.e = He(m, M, a.e), s !== a.t && c(m, "data-floe-canvas-interactive", a.t = s), h !== a.a && c(m, "data-wb-object-id", a.a = h), a.o = ye(m, f, a.o), w !== a.i && c(m, "tabindex", a.i = w), k !== a.n && l.classList.toggle("is-empty", a.n = k), D !== a.s && c(v, "contenteditable", a.s = D), q !== a.h && c(v, "aria-label", a.h = q), a;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
-      i: void 0
-    }), s;
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), m;
   })();
 }
-function Nt(e) {
-  const t = n(() => e.item), u = n(() => e.viewportScale), i = n(() => e.viewport ?? {
+function an(e) {
+  const n = Te(), [r, u] = de(), t = i(() => e.item), y = i(() => e.viewportScale), S = i(() => e.viewport ?? {
     x: 0,
     y: 0,
     scale: 1
-  }), c = n(() => e.projection), g = n(() => e.preview), y = n(() => e.textEditorRegistry), p = n(() => e.onPreviewGeometry), b = n(() => e.onCommitMove), E = n(() => e.onCommitResize), $ = n(() => e.onUpdate), j = n(() => e.onDelete);
-  let L, w, z;
-  const [C, s] = re(""), [m, h] = re(!1), [f, a] = re(!1), r = S(() => Pe.find((v) => v.fontFamily === t().font_family) ?? Pe[0]), l = Ee({
-    viewportScale: u,
+  }), j = i(() => e.projection), L = i(() => e.preview), G = i(() => e.textEditorRegistry), T = i(() => e.onPreviewGeometry), p = i(() => e.onCommitMove), J = i(() => e.onCommitResize), _ = i(() => e.onUpdate), H = i(() => e.onDelete);
+  let E, P, U;
+  const [m, l] = de(""), [v, d] = de(!1), [a, M] = de(!1), s = O(() => Ge.find((x) => x.fontFamily === t().font_family) ?? Ge[0]), h = Fe({
+    viewportScale: y,
     readPosition: () => ({
       x: t().x,
       y: t().y
@@ -651,311 +746,396 @@ function Nt(e) {
       width: t().width,
       height: t().height
     }),
-    onCommitMove: (v) => b()(t().id, v),
-    onPreviewMove: (v) => p()?.({
+    onCommitMove: (x) => p()(t().id, x),
+    onPreviewMove: (x) => T()?.({
       kind: "annotation",
       id: t().id,
-      ...v
+      ...x
     }),
-    onPreviewEnd: () => p()?.(null)
-  }), o = Oe({
-    viewportScale: u,
+    onPreviewEnd: () => T()?.(null)
+  }), f = Ue({
+    viewportScale: y,
     readSize: () => ({
       width: t().width,
       height: t().height
     }),
-    minWidth: jt,
-    minHeight: Lt,
-    onCommitResize: (v) => E()(t().id, v),
-    onPreviewResize: (v) => p()?.({
+    minWidth: Jt,
+    minHeight: qt,
+    onCommitResize: (x) => J()(t().id, x),
+    onPreviewResize: (x) => T()?.({
       kind: "annotation",
       id: t().id,
       x: t().x,
       y: t().y,
-      width: v.width,
-      height: v.height
+      width: x.width,
+      height: x.height
     }),
-    onPreviewEnd: () => p()?.(null)
-  }), T = S(() => {
-    const v = t(), H = xe(g(), "annotation", v.id);
-    return $e({
-      geometry: Ce({
-        preview: H,
-        position: l.position(),
-        width: o.size().width,
-        height: o.size().height
+    onPreviewEnd: () => T()?.(null)
+  }), w = O(() => {
+    const x = t(), V = Ie(L(), "annotation", x.id);
+    return je({
+      geometry: De({
+        preview: V,
+        position: h.position(),
+        width: f.size().width,
+        height: f.size().height
       }),
-      viewport: i(),
-      projection: c()
+      viewport: S(),
+      projection: j()
     });
-  }), q = S(() => ({
-    ..._e(T()),
+  }), k = O(() => ({
+    ...pe(w()),
     "z-index": `${t().z_index}`,
-    "--workbench-layer-control-inverse-scale": `${1 / Math.max(T().scale, 1e-3)}`
-  })), F = () => Ve(["left", "center", "right"], t().align), W = (v) => {
-    if (!Number.isFinite(v)) return;
-    const H = Wt(v);
-    s(String(H)), $()(t().id, {
-      font_size: H
+    "--workbench-layer-control-inverse-scale": `${1 / Math.max(w().scale, 1e-3)}`
+  })), D = () => Zt(["left", "center", "right"], t().align), q = (x) => {
+    if (!Number.isFinite(x)) return;
+    const V = tn(x);
+    l(String(V)), _()(t().id, {
+      font_size: V
     });
-  }, M = () => {
-    const v = C().trim(), H = Number(v);
-    if (v.length > 0 && Number.isFinite(H)) {
-      W(H);
+  }, ee = () => {
+    const x = m().trim(), V = Number(x);
+    if (x.length > 0 && Number.isFinite(V)) {
+      q(V);
       return;
     }
-    s(String(t().font_size));
+    l(String(t().font_size));
   };
-  return Re(() => {
-    typeof document < "u" && document.activeElement === L || s(String(t().font_size));
-  }), Be(m, () => w, () => h(!1)), Be(f, () => z, () => a(!1)), (() => {
-    var v = yt(), H = v.firstChild, J = H.nextSibling, Q = J.firstChild, K = Q.nextSibling, de = K.firstChild, be = de.firstChild, P = be.nextSibling, oe = K.nextSibling, ue = oe.firstChild, Z = ue.nextSibling, B = Z.nextSibling, ee = oe.nextSibling, x = ee.firstChild, X = ee.nextSibling, ne = X.nextSibling, ae = J.nextSibling;
-    J.$$click = we, J.$$pointerdown = he, Q.$$click = A, V(Q, "pointerdown", l.beginDrag, !0), R(Q, k(Ye, {
-      class: "w-3.5 h-3.5"
-    })), K.$$click = we, K.$$pointerdown = he;
-    var N = w;
-    typeof N == "function" ? fe(N, K) : w = K, de.$$click = (d) => {
-      A(d), h((I) => !I);
-    }, de.$$pointerdown = Y, R(P, () => r().label), R(de, k(tt, {
-      class: "workbench-text-font-trigger__icon"
-    }), null), R(K, k(te, {
-      get when() {
-        return m();
+  return Le(() => {
+    typeof document < "u" && document.activeElement === E || l(String(t().font_size));
+  }), nt(v, () => P, () => d(!1)), nt(a, () => U, () => M(!1)), (() => {
+    var x = Lt(), V = x.firstChild, te = V.nextSibling;
+    return ge(u, x), C(x, b(Ae, {
+      get anchor() {
+        return r();
       },
+      get revision() {
+        return k();
+      },
+      class: "workbench-object-tools",
       get children() {
-        var d = gt();
-        return R(d, k(se, {
-          each: Pe,
-          children: (I) => (() => {
-            var D = ft(), le = D.firstChild, Se = le.nextSibling;
-            return D.$$click = (G) => {
-              A(G), $()(t().id, {
-                font_family: I.fontFamily,
-                font_weight: I.fontWeight
-              }), h(!1);
-            }, D.$$pointerdown = Y, R(Se, () => I.label), U((G) => {
-              var ye = t().font_family === I.fontFamily, We = `Use ${I.label} bold font`, Ge = `${I.label} bold`, He = t().font_family === I.fontFamily, Ne = I.fontFamily, Ae = `${I.fontWeight}`;
-              return ye !== G.e && _(D, "aria-checked", G.e = ye), We !== G.t && _(D, "aria-label", G.t = We), Ge !== G.a && _(D, "title", G.a = Ge), He !== G.o && D.classList.toggle("is-active", G.o = He), Ne !== G.i && me(le, "font-family", G.i = Ne), Ae !== G.n && me(le, "font-weight", G.n = Ae), G;
+        var B = Tt(), ne = B.firstChild, ve = ne.nextSibling, ie = ve.firstChild, I = ie.firstChild, be = I.nextSibling, he = ve.nextSibling, we = he.firstChild, oe = we.nextSibling, $ = oe.nextSibling, X = he.nextSibling, re = X.firstChild, se = X.nextSibling, ae = se.nextSibling;
+        B.$$click = ke, B.$$pointerdown = fe, ne.$$click = Q, le(ne, "pointerdown", h.beginDrag, !0), C(ne, b(it, {
+          class: "w-3.5 h-3.5"
+        })), ve.$$click = ke, ve.$$pointerdown = fe;
+        var z = P;
+        typeof z == "function" ? ge(z, ve) : P = ve, ie.$$click = (o) => {
+          Q(o), d((g) => !g);
+        }, ie.$$pointerdown = K, C(be, () => n(s().id)), C(ie, b(vt, {
+          class: "workbench-text-font-trigger__icon"
+        }), null), C(ve, b(ue, {
+          get when() {
+            return v();
+          },
+          get children() {
+            var o = Pt();
+            return C(o, b(me, {
+              each: Ge,
+              children: (g) => (() => {
+                var R = It(), W = R.firstChild, ce = W.nextSibling;
+                return R.$$click = (Y) => {
+                  Q(Y), _()(t().id, {
+                    font_family: g.fontFamily,
+                    font_weight: g.fontWeight
+                  }), d(!1);
+                }, R.$$pointerdown = K, C(ce, () => n(g.id)), F((Y) => {
+                  var Ce = t().font_family === g.fontFamily, Se = n("useFont", n(g.id)), _e = n("fontPreview", n(g.id)), Ee = t().font_family === g.fontFamily, ze = g.fontFamily, Re = `${g.fontWeight}`;
+                  return Ce !== Y.e && c(R, "aria-checked", Y.e = Ce), Se !== Y.t && c(R, "aria-label", Y.t = Se), _e !== Y.a && c(R, "title", Y.a = _e), Ee !== Y.o && R.classList.toggle("is-active", Y.o = Ee), ze !== Y.i && Pe(W, "font-family", Y.i = ze), Re !== Y.n && Pe(W, "font-weight", Y.n = Re), Y;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0,
+                  o: void 0,
+                  i: void 0,
+                  n: void 0
+                }), R;
+              })()
+            })), F(() => c(o, "aria-label", n("boldFont"))), o;
+          }
+        }), null), he.$$click = ke, he.$$pointerdown = fe, we.$$click = (o) => {
+          Q(o), q(t().font_size - 1);
+        }, we.$$pointerdown = K, C(we, b(ht, {
+          class: "w-3 h-3"
+        })), oe.$$keydown = (o) => {
+          o.key === "Enter" && (o.preventDefault(), ee(), o.currentTarget.blur());
+        }, oe.addEventListener("blur", ee), oe.$$input = (o) => l(o.currentTarget.value), oe.$$click = ke, oe.$$pointerdown = fe;
+        var A = E;
+        typeof A == "function" ? ge(A, oe) : E = oe, $.$$click = (o) => {
+          Q(o), q(t().font_size + 1);
+        }, $.$$pointerdown = K, C($, b(wt, {
+          class: "w-3 h-3"
+        })), C(B, b(me, {
+          each: yt,
+          children: (o) => (() => {
+            var g = jt();
+            return g.$$click = (R) => {
+              Q(R), _()(t().id, {
+                color: o
+              });
+            }, g.$$pointerdown = K, Pe(g, "background", o), F((R) => {
+              var W = n("textColor", o), ce = t().color === o;
+              return W !== R.e && c(g, "aria-label", R.e = W), ce !== R.t && g.classList.toggle("is-active", R.t = ce), R;
             }, {
               e: void 0,
-              t: void 0,
-              a: void 0,
-              o: void 0,
-              i: void 0,
-              n: void 0
-            }), D;
+              t: void 0
+            }), g;
           })()
-        })), d;
-      }
-    }), null), oe.$$click = we, oe.$$pointerdown = he, ue.$$click = (d) => {
-      A(d), W(t().font_size - 1);
-    }, ue.$$pointerdown = Y, R(ue, k(nt, {
-      class: "w-3 h-3"
-    })), Z.$$keydown = (d) => {
-      d.key === "Enter" && (d.preventDefault(), M(), d.currentTarget.blur());
-    }, Z.addEventListener("blur", M), Z.$$input = (d) => s(d.currentTarget.value), Z.$$click = we, Z.$$pointerdown = he;
-    var ie = L;
-    typeof ie == "function" ? fe(ie, Z) : L = Z, B.$$click = (d) => {
-      A(d), W(t().font_size + 1);
-    }, B.$$pointerdown = Y, R(B, k(it, {
-      class: "w-3 h-3"
-    })), R(J, k(se, {
-      each: ct,
-      children: (d) => (() => {
-        var I = kt();
-        return I.$$click = (D) => {
-          A(D), $()(t().id, {
-            color: d
+        }), X), X.$$click = ke, X.$$pointerdown = fe;
+        var Z = U;
+        return typeof Z == "function" ? ge(Z, X) : U = X, re.$$click = (o) => {
+          Q(o), M((g) => !g);
+        }, re.$$pointerdown = K, C(X, b(ue, {
+          get when() {
+            return a();
+          },
+          get children() {
+            var o = Mt();
+            return C(o, b(me, {
+              each: ft,
+              children: (g) => (() => {
+                var R = pt();
+                return R.$$click = (W) => {
+                  Q(W), G()?.get(t().id)?.insertTextAtSelection(g), M(!1);
+                }, R.$$pointerdown = K, C(R, g), F((W) => {
+                  var ce = n("useEmoji", g), Y = n("useEmoji", g);
+                  return ce !== W.e && c(R, "aria-label", W.e = ce), Y !== W.t && c(R, "title", W.t = Y), W;
+                }, {
+                  e: void 0,
+                  t: void 0
+                }), R;
+              })()
+            })), F(() => c(o, "aria-label", n("emoji"))), o;
+          }
+        }), null), se.$$click = (o) => {
+          Q(o), _()(t().id, {
+            align: D()
           });
-        }, I.$$pointerdown = Y, _(I, "aria-label", `Use text color ${d}`), me(I, "background", d), U(() => I.classList.toggle("is-active", t().color === d)), I;
-      })()
-    }), ee), ee.$$click = we, ee.$$pointerdown = he;
-    var ce = z;
-    return typeof ce == "function" ? fe(ce, ee) : z = ee, x.$$click = (d) => {
-      A(d), a((I) => !I);
-    }, x.$$pointerdown = Y, R(ee, k(te, {
-      get when() {
-        return f();
-      },
-      get children() {
-        var d = bt();
-        return R(d, k(se, {
-          each: lt,
-          children: (I) => (() => {
-            var D = xt();
-            return D.$$click = (le) => {
-              A(le), y()?.get(t().id)?.insertTextAtSelection(I), a(!1);
-            }, D.$$pointerdown = Y, _(D, "aria-label", `Insert emoji ${I}`), _(D, "title", `Insert ${I}`), R(D, I), D;
-          })()
-        })), d;
+        }, se.$$pointerdown = K, C(se, () => t().align), ae.$$click = (o) => {
+          Q(o), H()(t().id);
+        }, ae.$$pointerdown = K, C(ae, b(Be, {
+          class: "w-3.5 h-3.5"
+        })), F((o) => {
+          var g = n("moveText"), R = n("moveText"), W = n("chooseFont"), ce = v(), Y = n("chooseFont"), Ce = s().fontFamily, Se = `${s().fontWeight}`, _e = n("textSize"), Ee = n("decreaseSize"), ze = n("decreaseSize"), Re = n("sizeValue"), Ve = n("increaseSize"), Je = n("increaseSize"), qe = n("insertEmoji"), Qe = a(), Ze = n("insertEmoji"), et = n("deleteText");
+          return g !== o.e && c(ne, "aria-label", o.e = g), R !== o.t && c(ne, "title", o.t = R), W !== o.a && c(ie, "aria-label", o.a = W), ce !== o.o && c(ie, "aria-expanded", o.o = ce), Y !== o.i && c(ie, "title", o.i = Y), Ce !== o.n && Pe(I, "font-family", o.n = Ce), Se !== o.s && Pe(I, "font-weight", o.s = Se), _e !== o.h && c(he, "aria-label", o.h = _e), Ee !== o.r && c(we, "aria-label", o.r = Ee), ze !== o.d && c(we, "title", o.d = ze), Re !== o.l && c(oe, "aria-label", o.l = Re), Ve !== o.u && c($, "aria-label", o.u = Ve), Je !== o.c && c($, "title", o.c = Je), qe !== o.w && c(re, "aria-label", o.w = qe), Qe !== o.m && c(re, "aria-expanded", o.m = Qe), Ze !== o.f && c(re, "title", o.f = Ze), et !== o.y && c(ae, "aria-label", o.y = et), o;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0,
+          s: void 0,
+          h: void 0,
+          r: void 0,
+          d: void 0,
+          l: void 0,
+          u: void 0,
+          c: void 0,
+          w: void 0,
+          m: void 0,
+          f: void 0,
+          y: void 0
+        }), F(() => oe.value = m()), B;
       }
-    }), null), X.$$click = (d) => {
-      A(d), $()(t().id, {
-        align: F()
-      });
-    }, X.$$pointerdown = Y, R(X, () => t().align), ne.$$click = (d) => {
-      A(d), j()(t().id);
-    }, ne.$$pointerdown = Y, R(ne, k(Te, {
-      class: "w-3.5 h-3.5"
-    })), V(ae, "pointerdown", o.beginResize, !0), U((d) => {
-      var I = t().id, D = q(), le = m(), Se = r().fontFamily, G = `${r().fontWeight}`, ye = f();
-      return I !== d.e && _(v, "data-wb-object-id", d.e = I), d.t = ge(v, D, d.t), le !== d.a && _(de, "aria-expanded", d.a = le), Se !== d.o && me(be, "font-family", d.o = Se), G !== d.i && me(be, "font-weight", d.i = G), ye !== d.n && _(x, "aria-expanded", d.n = ye), d;
+    }), te), le(te, "pointerdown", f.beginResize, !0), F((B) => {
+      var ne = t().id, ve = k(), ie = n("resizeText");
+      return ne !== B.e && c(x, "data-wb-object-id", B.e = ne), B.t = ye(x, ve, B.t), ie !== B.a && c(te, "aria-label", B.a = ie), B;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0
-    }), U(() => Z.value = C()), v;
+      a: void 0
+    }), x;
   })();
 }
-function At(e) {
-  const t = n(() => e.item), u = n(() => e.viewportScale), i = n(() => e.viewport ?? {
+function cn(e) {
+  const n = Te(), [r, u] = de(), t = i(() => e.item), y = i(() => e.viewportScale), S = i(() => e.viewport ?? {
     x: 0,
     y: 0,
     scale: 1
-  }), c = n(() => e.projection), g = n(() => e.preview), y = n(() => e.onPreviewGeometry), p = n(() => e.onCommitResize), b = n(() => e.onUpdate), E = n(() => e.onDelete), $ = Oe({
-    viewportScale: u,
+  }), j = i(() => e.projection), L = i(() => e.preview), G = i(() => e.onPreviewGeometry), T = i(() => e.onCommitResize), p = i(() => e.onUpdate), J = i(() => e.onDelete), _ = Ue({
+    viewportScale: y,
     readSize: () => ({
       width: t().width,
       height: t().height
     }),
-    minWidth: It,
-    minHeight: Tt,
-    onCommitResize: (w) => p()(t().id, w),
-    onPreviewResize: (w) => y()?.({
+    minWidth: Ut,
+    minHeight: Vt,
+    onCommitResize: (P) => T()(t().id, P),
+    onPreviewResize: (P) => G()?.({
       kind: "background_layer",
       id: t().id,
       x: t().x,
       y: t().y,
-      width: w.width,
-      height: w.height
+      width: P.width,
+      height: P.height
     }),
-    onPreviewEnd: () => y()?.(null)
-  }), j = S(() => {
-    const w = t(), z = xe(g(), "background_layer", w.id);
-    return $e({
-      geometry: Ce({
-        preview: z,
+    onPreviewEnd: () => G()?.(null)
+  }), H = O(() => {
+    const P = t(), U = Ie(L(), "background_layer", P.id);
+    return je({
+      geometry: De({
+        preview: U,
         position: {
-          x: w.x,
-          y: w.y
+          x: P.x,
+          y: P.y
         },
-        width: $.size().width,
-        height: $.size().height
+        width: _.size().width,
+        height: _.size().height
       }),
-      viewport: i(),
-      projection: c()
+      viewport: S(),
+      projection: j()
     });
-  }), L = S(() => ({
-    ..._e(j()),
+  }), E = O(() => ({
+    ...pe(H()),
     "z-index": `${t().z_index}`,
-    "--workbench-layer-control-inverse-scale": `${1 / Math.max(j().scale, 1e-3)}`,
-    ...De(t())
+    "--workbench-layer-control-inverse-scale": `${1 / Math.max(H().scale, 1e-3)}`,
+    ...Me(t())
   }));
   return (() => {
-    var w = $t(), z = w.firstChild, C = z.nextSibling, s = C.firstChild, m = s.nextSibling, h = m.firstChild, f = m.nextSibling, a = C.nextSibling;
-    return C.$$click = we, C.$$pointerdown = he, R(C, k(se, {
-      each: rt,
-      children: (r) => (() => {
-        var l = _t();
-        return l.$$click = (o) => {
-          A(o), b()(t().id, {
-            fill: r
-          });
-        }, l.$$pointerdown = Y, _(l, "aria-label", `Use region color ${r}`), me(l, "background", r), U(() => l.classList.toggle("is-active", t().fill === r)), l;
-      })()
-    }), s), s.$$click = we, s.$$pointerdown = he, R(s, k(se, {
-      each: at,
-      children: (r) => (() => {
-        var l = Ct();
-        return l.$$click = (o) => {
-          A(o), b()(t().id, {
-            material: r
+    var P = Wt(), U = P.firstChild, m = U.nextSibling;
+    return ge(u, P), C(P, b(Ae, {
+      get anchor() {
+        return r();
+      },
+      get revision() {
+        return E();
+      },
+      class: "workbench-object-tools",
+      get children() {
+        var l = Ot(), v = l.firstChild, d = v.nextSibling, a = d.nextSibling, M = a.firstChild, s = a.nextSibling;
+        return l.$$click = ke, l.$$pointerdown = fe, v.$$click = () => e.textEditorRegistry?.get(t().id)?.focus(), v.$$pointerdown = K, C(v, () => n(t().name.trim() ? "editName" : "addName")), C(l, b(ue, {
+          get when() {
+            return t().name.trim();
+          },
+          get children() {
+            var h = Dt();
+            return h.$$click = () => p()(t().id, {
+              name: ""
+            }), h.$$pointerdown = K, C(h, () => n("clearName")), h;
+          }
+        }), d), C(l, b(me, {
+          each: gt,
+          children: (h) => (() => {
+            var f = Nt();
+            return f.$$click = (w) => {
+              Q(w), p()(t().id, {
+                fill: h
+              });
+            }, f.$$pointerdown = K, F((w) => {
+              var k = n("regionColor", h), D = `workbench-layer-swatch workbench-layer-swatch--region is-material-${t().material}`, q = t().fill === h, ee = t().fill === h, x = Me({
+                ...t(),
+                fill: h
+              });
+              return k !== w.e && c(f, "aria-label", w.e = k), D !== w.t && tt(f, w.t = D), q !== w.a && f.classList.toggle("is-active", w.a = q), ee !== w.o && c(f, "aria-pressed", w.o = ee), w.i = ye(f, x, w.i), w;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0,
+              i: void 0
+            }), f;
+          })()
+        }), d), d.$$click = ke, d.$$pointerdown = fe, C(d, b(me, {
+          each: bt,
+          children: (h) => (() => {
+            var f = Ft(), w = f.firstChild, k = w.nextSibling;
+            return f.$$click = (D) => {
+              Q(D), p()(t().id, {
+                material: h
+              });
+            }, f.$$pointerdown = K, tt(w, `workbench-region-material__sample is-material-${h}`), C(k, () => n(h)), F((D) => {
+              var q = n("useRegionMaterial", n(h)), ee = n(h), x = t().material === h, V = {
+                "is-active": t().material === h,
+                [`is-${h}`]: !0
+              }, te = Me(t());
+              return q !== D.e && c(f, "aria-label", D.e = q), ee !== D.t && c(f, "title", D.t = ee), x !== D.a && c(f, "aria-pressed", D.a = x), D.o = He(f, V, D.o), D.i = ye(w, te, D.i), D;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0,
+              i: void 0
+            }), f;
+          })()
+        })), a.$$click = (h) => {
+          Q(h), p()(t().id, {
+            opacity: t().opacity >= 0.88 ? 0.42 : t().opacity + 0.18
           });
-        }, l.$$pointerdown = Y, U((o) => {
-          var T = `Use region material ${Fe[r]}`, q = Fe[r], F = {
-            "is-active": t().material === r,
-            [`is-${r}`]: !0
-          };
-          return T !== o.e && _(l, "aria-label", o.e = T), q !== o.t && _(l, "title", o.t = q), o.a = Ie(l, F, o.a), o;
+        }, a.$$pointerdown = K, C(a, () => Math.round(t().opacity * 100), M), s.$$click = (h) => {
+          Q(h), J()(t().id);
+        }, s.$$pointerdown = K, C(s, b(Be, {
+          class: "w-3.5 h-3.5"
+        })), F((h) => {
+          var f = n("regionMaterial"), w = n("deleteRegion");
+          return f !== h.e && c(d, "aria-label", h.e = f), w !== h.t && c(s, "aria-label", h.t = w), h;
         }, {
           e: void 0,
-          t: void 0,
-          a: void 0
+          t: void 0
         }), l;
-      })()
-    })), m.$$click = (r) => {
-      A(r), b()(t().id, {
-        opacity: t().opacity >= 0.88 ? 0.42 : t().opacity + 0.18
-      });
-    }, m.$$pointerdown = Y, R(m, () => Math.round(t().opacity * 100), h), f.$$click = (r) => {
-      A(r), E()(t().id);
-    }, f.$$pointerdown = Y, R(f, k(Te, {
-      class: "w-3.5 h-3.5"
-    })), V(a, "pointerdown", $.beginResize, !0), U((r) => {
-      var l = t().id, o = L();
-      return l !== r.e && _(w, "data-wb-object-id", r.e = l), r.t = ge(w, o, r.t), r;
+      }
+    }), m), le(m, "pointerdown", _.beginResize, !0), F((l) => {
+      var v = t().id, d = E(), a = n("resizeRegion");
+      return v !== l.e && c(P, "data-wb-object-id", l.e = v), l.t = ye(P, d, l.t), a !== l.a && c(m, "aria-label", l.a = a), l;
     }, {
       e: void 0,
-      t: void 0
-    }), w;
+      t: void 0,
+      a: void 0
+    }), P;
   })();
 }
-function Ft(e) {
-  const t = n(() => e.item), u = n(() => e.viewport), i = n(() => e.projection), c = n(() => e.preview), g = S(() => {
-    const p = t(), b = xe(c(), "background_layer", p.id);
-    return $e({
-      geometry: Ce({
-        preview: b,
+function ln(e) {
+  const n = i(() => e.item), r = i(() => e.viewport), u = i(() => e.projection), t = i(() => e.preview), y = O(() => {
+    const j = n(), L = Ie(t(), "background_layer", j.id);
+    return je({
+      geometry: De({
+        preview: L,
         position: {
-          x: p.x,
-          y: p.y
+          x: j.x,
+          y: j.y
         },
-        width: p.width,
-        height: p.height
+        width: j.width,
+        height: j.height
       }),
-      viewport: u(),
-      projection: i()
+      viewport: r(),
+      projection: u()
     });
-  }), y = S(() => ({
-    ..._e(g()),
-    "--workbench-region-outline-scale": `${1 / Math.max(g().scale, 1e-3)}`,
-    ...De(t())
+  }), S = O(() => ({
+    ...pe(y()),
+    "--workbench-region-outline-scale": `${1 / Math.max(y().scale, 1e-3)}`,
+    ...Me(n())
   }));
   return (() => {
-    var p = St();
-    return U((b) => {
-      var E = !!e.selected, $ = t().id, j = y();
-      return E !== b.e && p.classList.toggle("is-selected-region", b.e = E), $ !== b.t && _(p, "data-wb-object-id", b.t = $), b.a = ge(p, j, b.a), b;
+    var j = Gt();
+    return F((L) => {
+      var G = !!e.selected, T = n().id, p = S();
+      return G !== L.e && j.classList.toggle("is-selected-region", L.e = G), T !== L.t && c(j, "data-wb-object-id", L.t = T), L.a = ye(j, p, L.a), L;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), p;
+    }), j;
   })();
 }
-function Bt(e) {
-  const t = S(() => Le(e.items)), u = S(() => je(e.items).map((i) => i.id));
+function sn(e) {
+  const n = O(() => Ye(e.items)), r = O(() => Xe(e.items).map((u) => u.id));
   return (() => {
-    var i = pt();
-    return R(i, k(se, {
+    var u = Ht();
+    return C(u, b(me, {
       get each() {
-        return u();
+        return r();
       },
-      children: (c) => {
-        const g = S(() => t().get(c) ?? null);
-        return k(te, {
+      children: (t) => {
+        const y = O(() => n().get(t) ?? null);
+        return b(ue, {
           get when() {
-            return g();
+            return y();
           },
-          children: (y) => k(Ft, {
+          children: (S) => b(ln, {
             get item() {
-              return y();
+              return S();
             },
             get selected() {
-              return ve(() => e.selectedObject?.kind === "background_layer")() && e.selectedObject.id === c;
+              return xe(() => e.selectedObject?.kind === "background_layer")() && e.selectedObject.id === t;
             },
             get viewport() {
               return e.viewport;
@@ -969,29 +1149,29 @@ function Bt(e) {
           })
         });
       }
-    })), i;
+    })), u;
   })();
 }
-function tn(e) {
-  const t = S(() => Le(e.items)), u = S(() => je(e.items).map((i) => i.id));
+function Cn(e) {
+  const n = O(() => Ye(e.items)), r = O(() => Xe(e.items).map((u) => u.id));
   return (() => {
-    var i = zt();
-    return R(i, k(se, {
+    var u = At();
+    return C(u, b(me, {
       get each() {
-        return u();
+        return r();
       },
-      children: (c) => {
-        const g = S(() => t().get(c) ?? null);
-        return k(te, {
+      children: (t) => {
+        const y = O(() => n().get(t) ?? null);
+        return b(ue, {
           get when() {
-            return g();
+            return y();
           },
-          children: (y) => k(Ht, {
+          children: (S) => b(rn, {
             get item() {
-              return y();
+              return S();
             },
             get selected() {
-              return ve(() => e.selectedObject?.kind === "background_layer")() && e.selectedObject.id === c;
+              return xe(() => e.selectedObject?.kind === "background_layer")() && e.selectedObject.id === t;
             },
             get editable() {
               return e.editable;
@@ -1011,6 +1191,12 @@ function tn(e) {
             get onPreviewGeometry() {
               return e.onPreviewGeometry;
             },
+            get textEditorRegistry() {
+              return e.textEditorRegistry;
+            },
+            get onUpdate() {
+              return e.onUpdate;
+            },
             get onSelect() {
               return e.onSelect;
             },
@@ -1023,35 +1209,35 @@ function tn(e) {
           })
         });
       }
-    })), U((c) => {
-      var g = !!e.editable, y = !!e.filtered;
-      return g !== c.e && i.classList.toggle("is-editable", c.e = g), y !== c.t && i.classList.toggle("is-filtered-out", c.t = y), c;
+    })), F((t) => {
+      var y = !!e.editable, S = !!e.filtered;
+      return y !== t.e && u.classList.toggle("is-editable", t.e = y), S !== t.t && u.classList.toggle("is-filtered-out", t.t = S), t;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), u;
   })();
 }
-function nn(e) {
-  const t = S(() => Le(e.items)), u = S(() => je(e.items).map((i) => i.id));
+function Sn(e) {
+  const n = O(() => Ye(e.items)), r = O(() => Xe(e.items).map((u) => u.id));
   return (() => {
-    var i = Mt();
-    return R(i, k(se, {
+    var u = Bt();
+    return C(u, b(me, {
       get each() {
-        return u();
+        return r();
       },
-      children: (c) => {
-        const g = S(() => t().get(c) ?? null);
-        return k(te, {
+      children: (t) => {
+        const y = O(() => n().get(t) ?? null);
+        return b(ue, {
           get when() {
-            return g();
+            return y();
           },
-          children: (y) => k(Gt, {
+          children: (S) => b(on, {
             get item() {
-              return y();
+              return S();
             },
             get selected() {
-              return ve(() => e.selectedObject?.kind === "annotation")() && e.selectedObject.id === c;
+              return xe(() => e.selectedObject?.kind === "annotation")() && e.selectedObject.id === t;
             },
             get editable() {
               return e.editable;
@@ -1089,25 +1275,25 @@ function nn(e) {
           })
         });
       }
-    })), U((c) => {
-      var g = !!e.editable, y = !!e.filtered;
-      return g !== c.e && i.classList.toggle("is-editable", c.e = g), y !== c.t && i.classList.toggle("is-filtered-out", c.t = y), c;
+    })), F((t) => {
+      var y = !!e.editable, S = !!e.filtered;
+      return y !== t.e && u.classList.toggle("is-editable", t.e = y), S !== t.t && u.classList.toggle("is-filtered-out", t.t = S), t;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), u;
   })();
 }
-function on(e) {
-  const t = S(() => e.selectedObject?.kind === "annotation" ? e.annotations.find((i) => i.id === e.selectedObject?.id && i.kind === "text") ?? null : null), u = S(() => e.selectedObject?.kind === "background_layer" ? e.backgroundLayers.find((i) => i.id === e.selectedObject?.id) ?? null : null);
+function _n(e) {
+  const n = O(() => e.selectedObject?.kind === "annotation" ? e.annotations.find((u) => u.id === e.selectedObject?.id && u.kind === "text") ?? null : null), r = O(() => e.selectedObject?.kind === "background_layer" ? e.backgroundLayers.find((u) => u.id === e.selectedObject?.id) ?? null : null);
   return (() => {
-    var i = Rt();
-    return R(i, k(te, {
+    var u = Xt();
+    return C(u, b(ue, {
       get when() {
         return e.showRegionOutlines;
       },
       get children() {
-        return k(Bt, {
+        return b(sn, {
           get items() {
             return e.backgroundLayers;
           },
@@ -1125,13 +1311,16 @@ function on(e) {
           }
         });
       }
-    }), null), R(i, k(te, {
+    }), null), C(u, b(ue, {
       get when() {
-        return ve(() => !!e.editable)() && u();
+        return xe(() => !!e.editable)() && r();
       },
-      children: (c) => k(At, {
+      children: (t) => b(cn, {
+        get textEditorRegistry() {
+          return e.textEditorRegistry;
+        },
         get item() {
-          return c();
+          return t();
         },
         get viewportScale() {
           return e.viewport.scale;
@@ -1158,13 +1347,13 @@ function on(e) {
           return e.onDeleteBackgroundLayer;
         }
       })
-    }), null), R(i, k(te, {
+    }), null), C(u, b(ue, {
       get when() {
-        return ve(() => !!e.editable)() && t();
+        return xe(() => !!e.editable)() && n();
       },
-      children: (c) => k(Nt, {
+      children: (t) => b(an, {
         get item() {
-          return c();
+          return t();
         },
         get viewportScale() {
           return e.viewport.scale;
@@ -1197,16 +1386,16 @@ function on(e) {
           return e.onDeleteAnnotation;
         }
       })
-    }), null), U(() => i.classList.toggle("is-editable", !!e.editable)), i;
+    }), null), F(() => u.classList.toggle("is-editable", !!e.editable)), u;
   })();
 }
-Qe(["pointerdown", "contextmenu", "input", "keydown", "click"]);
+lt(["pointerdown", "contextmenu", "click", "keydown", "input"]);
 export {
-  nn as WorkbenchAnnotationLayerView,
-  tn as WorkbenchBackgroundLayerView,
-  Ht as WorkbenchBackgroundRegion,
-  on as WorkbenchLayerControlOverlayView,
-  en as WorkbenchStickyNote,
-  Gt as WorkbenchTextAnnotation,
-  Zt as createWorkbenchTextEditorRegistry
+  Sn as WorkbenchAnnotationLayerView,
+  Cn as WorkbenchBackgroundLayerView,
+  rn as WorkbenchBackgroundRegion,
+  _n as WorkbenchLayerControlOverlayView,
+  $n as WorkbenchStickyNote,
+  on as WorkbenchTextAnnotation,
+  xn as createWorkbenchTextEditorRegistry
 };