@floegence/floe-webapp-core 0.36.48 → 0.36.50

package/dist/components/workbench/WorkbenchSurface.js

@@ -7,11 +7,11 @@ import { WorkbenchDock as j } from "./WorkbenchFilterBar.js";
 import { WorkbenchHud as Z } from "./WorkbenchHud.js";
 import { WorkbenchLockButton as G } from "./WorkbenchLockButton.js";
 import { installWorkbenchContextMenuDismissListeners as J } from "./workbenchContextMenuDismiss.js";
-import { createContextMenuPosition as Q, WORKBENCH_CONTEXT_MENU_WIDTH_PX as tt, estimateContextMenuHeight as et } from "./workbenchHelpers.js";
-import { useWorkbenchModel as nt } from "./useWorkbenchModel.js";
-import { resolveWorkbenchInteractionAdapter as ot } from "./workbenchInteractionAdapter.js";
-var rt = /* @__PURE__ */ D("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), it = /* @__PURE__ */ D("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const at = "F1";
+import { createContextMenuPosition as Q, WORKBENCH_CONTEXT_MENU_WIDTH_PX as ee, estimateContextMenuHeight as te } from "./workbenchHelpers.js";
+import { useWorkbenchModel as ne } from "./useWorkbenchModel.js";
+import { resolveWorkbenchInteractionAdapter as oe } from "./workbenchInteractionAdapter.js";
+var re = /* @__PURE__ */ D("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), ie = /* @__PURE__ */ D("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const ae = "F1";
 function B(i) {
   if (i)
     try {
@@ -22,52 +22,52 @@ function B(i) {
       i.focus();
     }
 }
-function At(i) {
-  const e = nt({
+function Ae(i) {
+  const t = ne({
     state: () => i.state(),
-    setState: (t) => i.setState(t),
+    setState: (e) => i.setState(e),
     widgetDefinitions: () => i.widgetDefinitions,
     textAnnotationDefaults: () => i.textAnnotationDefaults,
     backgroundLayerDefaults: () => i.backgroundLayerDefaults,
     onClose: () => {
     }
-  }), [u, T] = L(null), d = f(() => ot(i.interactionAdapter)), [A, l] = L(p(() => d().createInitialInputOwner())), C = f(() => {
-    const t = i.launcherWidgetTypes;
-    return !t || t.length <= 0 ? null : new Set(t);
+  }), [u, T] = L(null), d = f(() => oe(i.interactionAdapter)), [A, l] = L(p(() => d().createInitialInputOwner())), C = f(() => {
+    const e = i.launcherWidgetTypes;
+    return !e || e.length <= 0 ? null : new Set(e);
   }), N = f(() => {
-    const t = e.widgetDefinitions(), n = C();
-    return n ? t.filter((o) => n.has(o.type)) : t;
+    const e = t.widgetDefinitions(), n = C();
+    return n ? e.filter((o) => n.has(o.type)) : e;
   }), h = f(() => {
-    const t = e.contextMenu.state(), n = e.contextMenu.items(), o = C(), r = o ? n.filter((m) => {
+    const e = t.contextMenu.state(), n = t.contextMenu.items(), o = C(), r = o ? n.filter((m) => {
       if (m.kind !== "action")
         return !0;
       const M = /^add-(.+)$/.exec(String(m.id ?? ""));
       return M ? o.has(M[1]) : !0;
     }) : n;
-    if (!t || !i.resolveContextMenuItems)
+    if (!e || !i.resolveContextMenuItems)
       return r;
-    const a = t.target?.kind === "widget" ? t.target.id : !t.target && t.widgetId ? t.widgetId : null, c = a ? e.queries.findWidgetById(a) : null;
+    const a = e.target?.kind === "widget" ? e.target.id : !e.target && e.widgetId ? e.widgetId : null, c = a ? t.queries.findWidgetById(a) : null;
     return i.resolveContextMenuItems({
-      menu: t,
+      menu: e,
       items: r,
-      widgets: e.widgets(),
+      widgets: t.widgets(),
       widget: c,
-      closeMenu: e.contextMenu.close
+      closeMenu: t.contextMenu.close
     });
-  }), S = f(() => {
-    const t = e.contextMenu.state();
-    if (!t) return;
+  }), W = f(() => {
+    const e = t.contextMenu.state();
+    if (!e) return;
     const n = h(), o = n.filter((a) => a.kind === "action").length, r = n.filter((a) => a.kind === "separator").length;
     return Q({
-      clientX: t.clientX,
-      clientY: t.clientY,
-      menuWidth: tt,
-      menuHeight: et(o, r)
+      clientX: e.clientX,
+      clientY: e.clientY,
+      menuWidth: ee,
+      menuHeight: te(o, r)
     });
-  }), W = (t, n, o) => {
-    const r = d(), a = r.findWidgetRoot(t), c = r.readWidgetId(a);
+  }), S = (e, n, o) => {
+    const r = d(), a = r.findWidgetRoot(e), c = r.readWidgetId(a);
     if (c) {
-      if (e.queries.findStickyNoteById(c)) {
+      if (t.queries.findStickyNoteById(c)) {
         l(r.createCanvasInputOwner(n === "focus" ? "background_focus" : "background_pointer"));
         return;
       }
@@ -75,10 +75,10 @@ function At(i) {
       return;
     }
     const m = u();
-    m && t instanceof Node && m.contains(t) && l(r.createCanvasInputOwner(o));
-  }, b = (t = "selection_cleared") => {
+    m && e instanceof Node && m.contains(e) && l(r.createCanvasInputOwner(o));
+  }, b = (e = "selection_cleared") => {
     const n = d(), o = u();
-    e.selection.clear(), l(n.createCanvasInputOwner(t)), queueMicrotask(() => {
+    t.selection.clear(), l(n.createCanvasInputOwner(e)), queueMicrotask(() => {
       if (!o || typeof document > "u") return;
       const r = document.activeElement;
       if (!(r instanceof HTMLElement) || !o.contains(r)) {
@@ -89,62 +89,62 @@ function At(i) {
       B(o), a && document.activeElement === r && r.isConnected && r.blur();
     });
   }, k = () => {
-    const t = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = e.viewport(), o = t?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
+    const e = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = t.viewport(), o = e?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
     return {
       worldX: r > 0 ? (r / 2 - n.x) / n.scale : 240,
       worldY: a > 0 ? (a / 2 - n.y) / n.scale : 180
     };
-  }, g = (t) => {
+  }, g = (e) => {
     const n = p(d), o = p(u);
     queueMicrotask(() => {
-      n.focusWidgetElement(o, t), l(n.createWidgetInputOwner(t, "activation"));
+      n.focusWidgetElement(o, e), l(n.createWidgetInputOwner(e, "activation"));
     });
-  }, R = (t) => {
-    const n = e.navigation.fitWidget(t);
+  }, R = (e) => {
+    const n = t.navigation.fitWidget(e);
     g(n.id);
-  }, O = (t) => {
-    const n = e.navigation.overviewWidget(t);
+  }, O = (e) => {
+    const n = t.navigation.overviewWidget(e);
     g(n.id);
   };
   v(() => {
     i.onApiReady?.({
-      ensureWidget: (t, n) => e.widgetActions.ensureWidget(t, n) ?? null,
-      createWidget: (t, n) => {
-        const o = k(), r = e.widgetActions.addWidgetAtCursor(t, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
-        return r && n?.centerViewport !== !1 && e.navigation.centerOnWidget(r), r;
+      ensureWidget: (e, n) => t.widgetActions.ensureWidget(e, n) ?? null,
+      createWidget: (e, n) => {
+        const o = k(), r = t.widgetActions.addWidgetAtWorldCenter(e, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
+        return r && n?.centerViewport !== !1 && t.navigation.centerOnWidget(r), r;
       },
-      createTextAnnotation: (t) => {
+      createTextAnnotation: (e) => {
         const n = k();
-        return e.widgetActions.addTextAnnotationAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+        return t.widgetActions.addTextAnnotationAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
-      createStickyNote: (t) => {
+      createStickyNote: (e) => {
         const n = k();
-        return e.widgetActions.addStickyNoteAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+        return t.widgetActions.addStickyNoteAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
-      createBackgroundLayer: (t) => {
+      createBackgroundLayer: (e) => {
         const n = k();
-        return e.widgetActions.addBackgroundLayerAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+        return t.widgetActions.addBackgroundLayerAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
       clearSelection: () => b("selection_cleared"),
-      focusWidget: (t, n) => {
-        const o = e.navigation.focusWidget(t, n);
+      focusWidget: (e, n) => {
+        const o = t.navigation.focusWidget(e, n);
         return g(o.id), o;
       },
-      fitWidget: (t) => {
-        const n = e.navigation.fitWidget(t);
+      fitWidget: (e) => {
+        const n = t.navigation.fitWidget(e);
         return g(n.id), n;
       },
-      overviewWidget: (t) => {
-        const n = e.navigation.overviewWidget(t);
+      overviewWidget: (e) => {
+        const n = t.navigation.overviewWidget(e);
         return g(n.id), n;
       },
-      findWidgetByType: (t) => e.queries.findWidgetByType(t),
-      findWidgetById: (t) => e.queries.findWidgetById(t),
-      findStickyNoteById: (t) => e.queries.findStickyNoteById(t),
-      findAnnotationById: (t) => e.queries.findAnnotationById(t),
-      findBackgroundLayerById: (t) => e.queries.findBackgroundLayerById(t),
-      updateWidgetTitle: (t, n) => {
-        const o = String(t ?? "").trim(), r = String(n ?? "").trim();
+      findWidgetByType: (e) => t.queries.findWidgetByType(e),
+      findWidgetById: (e) => t.queries.findWidgetById(e),
+      findStickyNoteById: (e) => t.queries.findStickyNoteById(e),
+      findAnnotationById: (e) => t.queries.findAnnotationById(e),
+      findBackgroundLayerById: (e) => t.queries.findBackgroundLayerById(e),
+      updateWidgetTitle: (e, n) => {
+        const o = String(e ?? "").trim(), r = String(n ?? "").trim();
         !o || !r || i.setState((a) => ({
           ...a,
           widgets: a.widgets.map((c) => c.id === o && c.title !== r ? {
@@ -153,45 +153,45 @@ function At(i) {
           } : c)
         }));
       },
-      updateStickyNote: (t, n) => e.widgetActions.updateStickyNote(t, n),
-      updateTextAnnotation: (t, n) => e.widgetActions.updateTextAnnotation(t, n),
-      updateBackgroundLayer: (t, n) => e.widgetActions.updateBackgroundLayer(t, n),
-      deleteStickyNote: (t) => e.widgetActions.deleteStickyNote(t),
-      deleteAnnotation: (t) => e.widgetActions.deleteAnnotation(t),
-      deleteBackgroundLayer: (t) => e.widgetActions.deleteBackgroundLayer(t)
+      updateStickyNote: (e, n) => t.widgetActions.updateStickyNote(e, n),
+      updateTextAnnotation: (e, n) => t.widgetActions.updateTextAnnotation(e, n),
+      updateBackgroundLayer: (e, n) => t.widgetActions.updateBackgroundLayer(e, n),
+      deleteStickyNote: (e) => t.widgetActions.deleteStickyNote(e),
+      deleteAnnotation: (e) => t.widgetActions.deleteAnnotation(e),
+      deleteBackgroundLayer: (e) => t.widgetActions.deleteBackgroundLayer(e)
     }), y(() => {
       i.onApiReady?.(null);
     });
   });
-  const I = () => i.lockShortcut === void 0 ? at : i.lockShortcut;
+  const I = () => i.lockShortcut === void 0 ? ae : i.lockShortcut;
   v(() => {
-    if (typeof window > "u" || !e.contextMenu.state()) return;
-    const t = J({
+    if (typeof window > "u" || !t.contextMenu.state()) return;
+    const e = J({
       ownerWindow: window,
-      onDismiss: e.contextMenu.close
+      onDismiss: t.contextMenu.close
     });
-    y(() => t());
+    y(() => e());
   }), v(() => {
-    const t = A();
-    if (t.kind !== "widget") return;
-    e.widgets().some((o) => o.id === t.widgetId) || l(d().createCanvasInputOwner("widget_removed"));
+    const e = A();
+    if (e.kind !== "widget") return;
+    t.widgets().some((o) => o.id === e.widgetId) || l(d().createCanvasInputOwner("widget_removed"));
   }), v(() => {
-    const t = u();
-    if (!t) return;
+    const e = u();
+    if (!e) return;
     const n = (r) => {
-      W(r.target, "pointer", "background_pointer");
+      S(r.target, "pointer", "background_pointer");
     }, o = (r) => {
-      W(r.target, "focus", "background_focus");
+      S(r.target, "focus", "background_focus");
     };
-    t.addEventListener("pointerdown", n, !0), t.addEventListener("focusin", o), y(() => {
-      t.removeEventListener("pointerdown", n, !0), t.removeEventListener("focusin", o);
+    e.addEventListener("pointerdown", n, !0), e.addEventListener("focusin", o), y(() => {
+      e.removeEventListener("pointerdown", n, !0), e.removeEventListener("focusin", o);
     });
   }), v(() => {
     if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const t = I(), n = (o) => {
+    const e = I(), n = (o) => {
       if (!(o.defaultPrevented || o.isComposing)) {
-        if (t !== null && o.key === t) {
-          o.preventDefault(), e.lock.toggle();
+        if (e !== null && o.key === e) {
+          o.preventDefault(), t.lock.toggle();
           return;
         }
         if (!d().shouldBypassGlobalHotkeys({
@@ -202,56 +202,56 @@ function At(i) {
         }))
           switch (o.key) {
             case "ArrowUp":
-              o.preventDefault(), e.navigation.handleArrowNavigation("up");
+              o.preventDefault(), t.navigation.handleArrowNavigation("up");
               break;
             case "ArrowDown":
-              o.preventDefault(), e.navigation.handleArrowNavigation("down");
+              o.preventDefault(), t.navigation.handleArrowNavigation("down");
               break;
             case "ArrowLeft":
-              o.preventDefault(), e.navigation.handleArrowNavigation("left");
+              o.preventDefault(), t.navigation.handleArrowNavigation("left");
               break;
             case "ArrowRight":
-              o.preventDefault(), e.navigation.handleArrowNavigation("right");
+              o.preventDefault(), t.navigation.handleArrowNavigation("right");
               break;
             case "Delete":
             case "Backspace":
-              e.selectedObject() && (o.preventDefault(), e.widgetActions.deleteSelected());
+              t.selectedObject() && (o.preventDefault(), t.widgetActions.deleteSelected());
               break;
           }
       }
     };
     document.addEventListener("keydown", n, !0), y(() => document.removeEventListener("keydown", n, !0));
   });
-  const x = (t, n) => {
+  const x = (e, n) => {
     const o = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!o) return null;
     const r = o.getBoundingClientRect();
-    return $(r, e.viewport(), {
-      clientX: t,
+    return $(r, t.viewport(), {
+      clientX: e,
       clientY: n
     });
-  }, E = (t, n, o) => {
+  }, E = (e, n, o) => {
     const r = x(n, o);
-    r && e.widgetActions.addWidgetAtCursor(t, r.worldX, r.worldY);
-  }, F = (t, n, o) => {
+    r && t.widgetActions.addWidgetAtWorldCenter(e, r.worldX, r.worldY);
+  }, F = (e, n, o) => {
     const r = x(n, o);
     if (r) {
-      if (t === "sticky-note") {
-        e.widgetActions.addStickyNoteAtCursor(r.worldX, r.worldY);
+      if (e === "sticky-note") {
+        t.widgetActions.addStickyNoteAtCursor(r.worldX, r.worldY);
         return;
       }
-      if (t === "text") {
-        e.widgetActions.addTextAnnotationAtCursor(r.worldX, r.worldY);
+      if (e === "text") {
+        t.widgetActions.addTextAnnotationAtCursor(r.worldX, r.worldY);
         return;
       }
-      t === "background-region" && e.widgetActions.addBackgroundLayerAtCursor(r.worldX, r.worldY);
+      e === "background-region" && t.widgetActions.addBackgroundLayerAtCursor(r.worldX, r.worldY);
     }
-  }, _ = (t) => {
-    t.button === 0 && b("background_pointer");
+  }, _ = (e) => {
+    e.button === 0 && b("background_pointer");
   };
   return (() => {
-    var t = it(), n = t.firstChild;
-    return X(T, t), q(t, Y({
+    var e = ie(), n = e.firstChild;
+    return X(T, e), q(e, Y({
       get class() {
         return `workbench-surface${i.class ? ` ${i.class}` : ""}`;
       }
@@ -259,150 +259,150 @@ function At(i) {
       [d().surfaceRootAttr]: "true"
     }), {
       get "data-workbench-theme"() {
-        return e.theme();
+        return t.theme();
       },
       get "data-workbench-mode"() {
-        return e.mode();
+        return t.mode();
       },
       tabIndex: -1
     }), !1, !0), w(n, s(U, {
       get widgetDefinitions() {
-        return e.widgetDefinitions();
+        return t.widgetDefinitions();
       },
       get widgets() {
-        return e.widgets();
+        return t.widgets();
       },
       get stickyNotes() {
-        return e.stickyNotes();
+        return t.stickyNotes();
       },
       get annotations() {
-        return e.annotations();
+        return t.annotations();
       },
       get backgroundLayers() {
-        return e.backgroundLayers();
+        return t.backgroundLayers();
       },
       get viewport() {
-        return e.viewport();
+        return t.viewport();
       },
       get canvasFrameSize() {
-        return e.canvasFrameSize();
+        return t.canvasFrameSize();
       },
       get selectedWidgetId() {
-        return e.selectedWidgetId();
+        return t.selectedWidgetId();
       },
       get selectedObject() {
-        return e.selectedObject();
+        return t.selectedObject();
       },
       get mode() {
-        return e.mode();
+        return t.mode();
       },
       get optimisticFrontWidgetId() {
-        return e.optimisticFrontWidgetId();
+        return t.optimisticFrontWidgetId();
       },
       get locked() {
-        return e.locked();
+        return t.locked();
       },
       get filters() {
-        return e.filters();
+        return t.filters();
       },
       get interactionAdapter() {
         return d();
       },
       get setCanvasFrameRef() {
-        return e.setCanvasFrameRef;
+        return t.setCanvasFrameRef;
       },
       get onViewportCommit() {
-        return e.canvas.commitViewport;
+        return t.canvas.commitViewport;
       },
       get onViewportInteractionStart() {
-        return e.canvas.cancelViewportNavigation;
+        return t.canvas.cancelViewportNavigation;
       },
       get onCanvasContextMenu() {
-        return e.canvas.openCanvasContextMenu;
+        return t.canvas.openCanvasContextMenu;
       },
       onCanvasPointerDown: _,
       get onSelectWidget() {
-        return e.canvas.selectWidget;
+        return t.canvas.selectWidget;
       },
       get onWidgetContextMenu() {
-        return e.canvas.openWidgetContextMenu;
+        return t.canvas.openWidgetContextMenu;
       },
       get onStartOptimisticFront() {
-        return e.canvas.startOptimisticFront;
+        return t.canvas.startOptimisticFront;
       },
       get onCommitFront() {
-        return e.canvas.commitFront;
+        return t.canvas.commitFront;
       },
       get onCommitMove() {
-        return e.canvas.commitMove;
+        return t.canvas.commitMove;
       },
       get onCommitResize() {
-        return e.canvas.commitResize;
+        return t.canvas.commitResize;
       },
       get onSelectStickyNote() {
-        return e.canvas.selectStickyNote;
+        return t.canvas.selectStickyNote;
       },
       get onStickyNoteContextMenu() {
-        return e.canvas.openStickyNoteContextMenu;
+        return t.canvas.openStickyNoteContextMenu;
       },
       get onStartStickyOptimisticFront() {
-        return e.canvas.startOptimisticFront;
+        return t.canvas.startOptimisticFront;
       },
       get onCommitStickyFront() {
-        return e.canvas.commitStickyFront;
+        return t.canvas.commitStickyFront;
       },
       get onCommitStickyMove() {
-        return e.canvas.commitStickyMove;
+        return t.canvas.commitStickyMove;
       },
       get onCommitStickyResize() {
-        return e.canvas.commitStickyResize;
+        return t.canvas.commitStickyResize;
       },
       get onUpdateStickyNote() {
-        return e.widgetActions.updateStickyNote;
+        return t.widgetActions.updateStickyNote;
       },
       get onDeleteStickyNote() {
-        return e.widgetActions.deleteStickyNote;
+        return t.widgetActions.deleteStickyNote;
       },
       get onSelectAnnotation() {
-        return e.canvas.selectAnnotation;
+        return t.canvas.selectAnnotation;
       },
       get onAnnotationContextMenu() {
-        return e.canvas.openAnnotationContextMenu;
+        return t.canvas.openAnnotationContextMenu;
       },
       get onCommitAnnotationMove() {
-        return e.canvas.commitAnnotationMove;
+        return t.canvas.commitAnnotationMove;
       },
       get onCommitAnnotationResize() {
-        return e.canvas.commitAnnotationResize;
+        return t.canvas.commitAnnotationResize;
       },
       get onUpdateTextAnnotation() {
-        return e.widgetActions.updateTextAnnotation;
+        return t.widgetActions.updateTextAnnotation;
       },
       get onDeleteAnnotation() {
-        return e.widgetActions.deleteAnnotation;
+        return t.widgetActions.deleteAnnotation;
       },
       get onSelectBackgroundLayer() {
-        return e.canvas.selectBackgroundLayer;
+        return t.canvas.selectBackgroundLayer;
       },
       get onBackgroundLayerContextMenu() {
-        return e.canvas.openBackgroundLayerContextMenu;
+        return t.canvas.openBackgroundLayerContextMenu;
       },
       get onCommitBackgroundMove() {
-        return e.canvas.commitBackgroundMove;
+        return t.canvas.commitBackgroundMove;
       },
       get onCommitBackgroundResize() {
-        return e.canvas.commitBackgroundResize;
+        return t.canvas.commitBackgroundResize;
       },
       get onUpdateBackgroundLayer() {
-        return e.widgetActions.updateBackgroundLayer;
+        return t.widgetActions.updateBackgroundLayer;
       },
       get onDeleteBackgroundLayer() {
-        return e.widgetActions.deleteBackgroundLayer;
+        return t.widgetActions.deleteBackgroundLayer;
       },
       onRequestOverview: O,
       onRequestFit: R,
       get onRequestDelete() {
-        return i.onRequestDelete ?? e.widgetActions.deleteWidget;
+        return i.onRequestDelete ?? t.widgetActions.deleteWidget;
       },
       get onLayoutInteractionStart() {
         return i.onLayoutInteractionStart;
@@ -410,74 +410,74 @@ function At(i) {
       get onLayoutInteractionEnd() {
         return i.onLayoutInteractionEnd;
       }
-    })), w(t, s(G, {
+    })), w(e, s(G, {
       get locked() {
-        return e.locked();
+        return t.locked();
       },
       get onToggle() {
-        return e.lock.toggle;
+        return t.lock.toggle;
       },
       get shortcutLabel() {
         return I() ?? void 0;
       }
-    }), null), w(t, s(j, {
+    }), null), w(e, s(j, {
       get widgetDefinitions() {
         return N();
       },
       get widgets() {
-        return e.widgets();
+        return t.widgets();
       },
       get filters() {
-        return e.filters();
+        return t.filters();
       },
       get mode() {
-        return e.mode();
+        return t.mode();
       },
       get viewport() {
-        return e.viewport();
+        return t.viewport();
       },
       get onSoloFilter() {
-        return e.filter.solo;
+        return t.filter.solo;
       },
       get onSelectMode() {
-        return e.modes.setMode;
+        return t.modes.setMode;
       },
       get onViewportCommit() {
-        return e.canvas.commitViewport;
+        return t.canvas.commitViewport;
       },
-      onViewportInteractionStart: () => e.canvas.cancelViewportNavigation(),
+      onViewportInteractionStart: () => t.canvas.cancelViewportNavigation(),
       onCreateAt: E,
       onCreateToolAt: F
-    }), null), w(t, s(Z, {
+    }), null), w(e, s(Z, {
       get scaleLabel() {
-        return e.scaleLabel();
+        return t.scaleLabel();
       },
       get onZoomOut() {
-        return e.hud.zoomOut;
+        return t.hud.zoomOut;
       },
       get onZoomIn() {
-        return e.hud.zoomIn;
+        return t.hud.zoomIn;
       },
       get activeTheme() {
-        return e.theme();
+        return t.theme();
       },
-      onSelectTheme: (o) => e.appearance.setTheme(o)
-    }), null), w(t, s(H, {
+      onSelectTheme: (o) => t.appearance.setTheme(o)
+    }), null), w(e, s(H, {
       get when() {
-        return e.contextMenu.state();
+        return t.contextMenu.state();
       },
       get children() {
         return s(z, {
           get children() {
             return [(() => {
-              var o = rt();
-              return V(o, "contextmenu", e.contextMenu.retarget, !0), o;
+              var o = re();
+              return V(o, "contextmenu", t.contextMenu.retarget, !0), o;
             })(), s(K, {
               get x() {
-                return S()?.left ?? 0;
+                return W()?.left ?? 0;
               },
               get y() {
-                return S()?.top ?? 0;
+                return W()?.top ?? 0;
               },
               get items() {
                 return h();
@@ -486,10 +486,10 @@ function At(i) {
           }
         });
       }
-    }), null), t;
+    }), null), e;
   })();
 }
 P(["contextmenu"]);
 export {
-  At as WorkbenchSurface
+  Ae as WorkbenchSurface
 };

package/dist/components/workbench/index.d.ts

@@ -4,7 +4,7 @@ export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchCont
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
-export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchProjectedSurfaceScaleBehavior, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
+export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetFrame, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchProjectedSurfaceScaleBehavior, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, type WorkbenchWidgetFrame, type WorkbenchWidgetPlacement, } from './workbenchHelpers';
 export { WORKBENCH_BACKGROUND_MATERIALS, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL, WORKBENCH_DEFAULT_REGION_FILL, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR, WORKBENCH_DEFAULT_TEXT_COLOR, WORKBENCH_DEFAULT_TEXT_FONT, WORKBENCH_REGION_FILL_OPTIONS, WORKBENCH_STICKY_NOTE_COLORS, WORKBENCH_TEXT_COLOR_OPTIONS, WORKBENCH_TEXT_EMOJI_OPTIONS, WORKBENCH_TEXT_FONT_OPTIONS, } from './workbenchOptions';
 export { DEFAULT_WORKBENCH_THEME, WORKBENCH_THEME_IDS, WORKBENCH_THEMES, isWorkbenchThemeId, workbenchThemeMeta, type WorkbenchThemeId, type WorkbenchThemeMeta, type WorkbenchThemePreview, } from './workbenchThemes';
 export { WorkbenchThemeSelector, type WorkbenchThemeSelectorProps, } from './WorkbenchThemeSelector';