@floegence/floe-webapp-core 0.35.59 → 0.36.1

package/dist/components/workbench/WorkbenchLockButton.js

@@ -0,0 +1,49 @@
+import { insert as n, createComponent as c, memo as s, effect as d, setAttribute as u, template as k, delegateEvents as v } from "solid-js/web";
+import { Motion as m } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as h, duration as f } from "../../utils/animations.js";
+import { Lock as g, Unlock as _ } from "../icons/index.js";
+var L = /* @__PURE__ */ k("<button type=button class=workbench-lock-button data-floe-canvas-interactive=true><span class=workbench-lock-button__icon>"), w = /* @__PURE__ */ k("<span class=workbench-lock-button__kbd>");
+function y(t) {
+  const l = () => t.locked ? "Unlock canvas" : "Lock canvas";
+  return (() => {
+    var a = L(), b = a.firstChild;
+    return a.$$click = () => t.onToggle(), n(b, c(m.span, {
+      class: "workbench-lock-button__icon-swap",
+      get animate() {
+        return {
+          rotate: t.locked ? 0 : -14
+        };
+      },
+      get transition() {
+        return {
+          duration: f.fast,
+          easing: h.easeOut
+        };
+      },
+      get children() {
+        return s(() => !!t.locked)() ? c(g, {
+          class: "w-4 h-4"
+        }) : c(_, {
+          class: "w-4 h-4"
+        });
+      }
+    })), n(a, (() => {
+      var e = s(() => !!t.shortcutLabel);
+      return () => e() ? (() => {
+        var o = w();
+        return n(o, () => t.shortcutLabel), o;
+      })() : null;
+    })(), null), d((e) => {
+      var o = !!t.locked, r = t.shortcutLabel ? `${l()} (${t.shortcutLabel})` : l(), i = t.locked;
+      return o !== e.e && a.classList.toggle("is-locked", e.e = o), r !== e.t && u(a, "aria-label", e.t = r), i !== e.a && u(a, "aria-pressed", e.a = i), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), a;
+  })();
+}
+v(["click"]);
+export {
+  y as WorkbenchLockButton
+};

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

@@ -0,0 +1,18 @@
+import type { WorkbenchState } from './types';
+export interface WorkbenchOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    state: () => WorkbenchState;
+    setState: (updater: (prev: WorkbenchState) => WorkbenchState) => void;
+    /**
+     * Keyboard shortcut key for toggling lock mode.
+     * Matches `KeyboardEvent.key`. Defaults to "F1".
+     */
+    lockShortcut?: string;
+}
+/**
+ * Modal-mode wrapper around WorkbenchSurface. Use this for transient pop-in
+ * usage (a workbench launched as a tool overlay). For permanent display-mode
+ * usage, mount WorkbenchSurface directly inside your layout.
+ */
+export declare function WorkbenchOverlay(props: WorkbenchOverlayProps): import("solid-js").JSX.Element;

package/dist/components/workbench/WorkbenchOverlay.js

@@ -0,0 +1,107 @@
+import { createComponent as t, insert as l, template as u, delegateEvents as h } from "solid-js/web";
+import { Show as f } from "solid-js";
+import { Motion as c } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as y, duration as i } from "../../utils/animations.js";
+import { useOverlayMask as b } from "../../hooks/useOverlayMask.js";
+import { X as v } from "../icons/index.js";
+import { WorkbenchSurface as k } from "./WorkbenchSurface.js";
+var m = /* @__PURE__ */ u('<header class=workbench-overlay__header data-floe-canvas-interactive=true><div class=workbench-overlay__header-brand><div class=workbench-overlay__header-title>Workbench</div></div><div class=workbench-overlay__header-actions><button type=button class=workbench-overlay__close aria-label="Close workbench overlay"data-floe-overlay-close=true>'), _ = /* @__PURE__ */ u("<div class=workbench-overlay__body>");
+const s = '[data-floe-workbench-boundary="true"]';
+function w(e) {
+  return typeof Element < "u" && e instanceof Element ? !!e.closest(s) : typeof Node < "u" && e instanceof Node ? !!e.parentElement?.closest(s) : !1;
+}
+function O(e) {
+  let a;
+  return b({
+    open: () => e.open,
+    root: () => a,
+    onClose: () => e.onClose(),
+    containsTarget: w,
+    lockBodyScroll: !0,
+    trapFocus: !0,
+    closeOnEscape: !0,
+    blockHotkeys: !0,
+    blockWheel: "outside",
+    blockTouchMove: "outside",
+    autoFocus: {
+      selector: '[data-floe-overlay-close="true"]'
+    },
+    restoreFocus: !0
+  }), t(f, {
+    get when() {
+      return e.open;
+    },
+    get children() {
+      return t(c.section, {
+        ref(o) {
+          var r = a;
+          typeof r == "function" ? r(o) : a = o;
+        },
+        class: "workbench-overlay",
+        role: "dialog",
+        "aria-modal": !0,
+        "aria-label": "Workbench overlay",
+        tabIndex: -1,
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        get transition() {
+          return {
+            duration: i.fast
+          };
+        },
+        get children() {
+          return t(c.div, {
+            class: "workbench-overlay__frame",
+            "data-floe-workbench-boundary": "true",
+            initial: {
+              opacity: 0,
+              y: 18,
+              scale: 0.986
+            },
+            animate: {
+              opacity: 1,
+              y: 0,
+              scale: 1
+            },
+            get transition() {
+              return {
+                duration: i.normal,
+                easing: y.easeOut
+              };
+            },
+            get children() {
+              return [(() => {
+                var o = m(), r = o.firstChild, d = r.nextSibling, n = d.firstChild;
+                return n.$$click = () => e.onClose(), l(n, t(v, {
+                  class: "w-4 h-4"
+                })), o;
+              })(), (() => {
+                var o = _();
+                return l(o, t(k, {
+                  class: "workbench-surface--in-overlay",
+                  get state() {
+                    return e.state;
+                  },
+                  get setState() {
+                    return e.setState;
+                  },
+                  get lockShortcut() {
+                    return e.lockShortcut;
+                  }
+                })), o;
+              })()];
+            }
+          });
+        }
+      });
+    }
+  });
+}
+h(["click"]);
+export {
+  O as WorkbenchOverlay
+};

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

@@ -0,0 +1,34 @@
+import type { WorkbenchState, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+export interface WorkbenchSurfaceApi {
+    ensureWidget: (type: WorkbenchWidgetType, options?: {
+        centerViewport?: boolean;
+        worldX?: number;
+        worldY?: number;
+    }) => WorkbenchWidgetItem | null;
+    focusWidget: (widget: WorkbenchWidgetItem, options?: {
+        centerViewport?: boolean;
+    }) => WorkbenchWidgetItem;
+    findWidgetByType: (type: WorkbenchWidgetType) => WorkbenchWidgetItem | null;
+}
+export interface WorkbenchSurfaceProps {
+    state: () => WorkbenchState;
+    setState: (updater: (prev: WorkbenchState) => WorkbenchState) => void;
+    /**
+     * Keyboard shortcut key for toggling lock mode. Matches `KeyboardEvent.key`.
+     * Defaults to "F1". Pass `null` to disable the shortcut entirely.
+     */
+    lockShortcut?: string | null;
+    /**
+     * If true, owns global keyboard handlers (arrows, lock, delete). Set to
+     * false when the surface is embedded in a parent that drives those keys
+     * itself. Defaults to true.
+     */
+    enableKeyboard?: boolean;
+    /**
+     * Optional class added to the surface root for layout integration.
+     */
+    class?: string;
+    widgetDefinitions?: readonly WorkbenchWidgetDefinition[];
+    onApiReady?: (api: WorkbenchSurfaceApi | null) => void;
+}
+export declare function WorkbenchSurface(props: WorkbenchSurfaceProps): import("solid-js").JSX.Element;

package/dist/components/workbench/WorkbenchSurface.js

@@ -0,0 +1,200 @@
+import { insert as c, createComponent as a, Portal as k, addEventListener as s, effect as p, className as b, template as m, delegateEvents as C } from "solid-js/web";
+import { createEffect as d, onCleanup as g, Show as W } from "solid-js";
+import { isTypingElement as A } from "../../utils/dom.js";
+import { WorkbenchCanvas as y } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as x } from "./WorkbenchContextMenu.js";
+import { WorkbenchFilterBar as D } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as M } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as S } from "./WorkbenchLockButton.js";
+import { useWorkbenchModel as F } from "./useWorkbenchModel.js";
+var L = /* @__PURE__ */ m("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), R = /* @__PURE__ */ m("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const E = "F1";
+function K(i) {
+  const e = F({
+    state: () => i.state(),
+    setState: (t) => i.setState(t),
+    widgetDefinitions: () => i.widgetDefinitions,
+    onClose: () => {
+    }
+  });
+  d(() => {
+    i.onApiReady?.({
+      ensureWidget: (t, r) => e.widgetActions.ensureWidget(t, r) ?? null,
+      focusWidget: (t, r) => e.navigation.focusWidget(t, r),
+      findWidgetByType: (t) => e.queries.findWidgetByType(t)
+    }), g(() => {
+      i.onApiReady?.(null);
+    });
+  });
+  const u = () => i.lockShortcut === void 0 ? E : i.lockShortcut;
+  d(() => {
+    if (i.enableKeyboard === !1 || typeof document > "u") return;
+    const t = u(), r = (n) => {
+      if (n.defaultPrevented || n.isComposing) return;
+      if (t !== null && n.key === t) {
+        n.preventDefault(), e.lock.toggle();
+        return;
+      }
+      const o = n.target;
+      if (!(o instanceof Element && A(o)))
+        switch (n.key) {
+          case "ArrowUp":
+            n.preventDefault(), e.navigation.handleArrowNavigation("up");
+            break;
+          case "ArrowDown":
+            n.preventDefault(), e.navigation.handleArrowNavigation("down");
+            break;
+          case "ArrowLeft":
+            n.preventDefault(), e.navigation.handleArrowNavigation("left");
+            break;
+          case "ArrowRight":
+            n.preventDefault(), e.navigation.handleArrowNavigation("right");
+            break;
+          case "Delete":
+          case "Backspace":
+            e.selectedWidgetId() && (n.preventDefault(), e.widgetActions.deleteSelected());
+            break;
+        }
+    };
+    document.addEventListener("keydown", r, !0), g(() => document.removeEventListener("keydown", r, !0));
+  });
+  const f = (t, r) => {
+    const n = document.querySelector('[data-floe-workbench-canvas-frame="true"]');
+    if (!n) return null;
+    const o = n.getBoundingClientRect();
+    if (t < o.left || t > o.right || r < o.top || r > o.bottom)
+      return null;
+    const v = t - o.left, h = r - o.top, l = e.viewport();
+    return {
+      worldX: (v - l.x) / l.scale,
+      worldY: (h - l.y) / l.scale
+    };
+  }, w = (t, r, n) => {
+    const o = f(r, n);
+    o && e.widgetActions.addWidgetAtCursor(t, o.worldX, o.worldY);
+  };
+  return (() => {
+    var t = R(), r = t.firstChild;
+    return c(r, a(y, {
+      get widgetDefinitions() {
+        return e.widgetDefinitions();
+      },
+      get widgets() {
+        return e.widgets();
+      },
+      get viewport() {
+        return e.viewport();
+      },
+      get selectedWidgetId() {
+        return e.selectedWidgetId();
+      },
+      get optimisticFrontWidgetId() {
+        return e.optimisticFrontWidgetId();
+      },
+      get topZIndex() {
+        return e.topZIndex();
+      },
+      get locked() {
+        return e.locked();
+      },
+      get filters() {
+        return e.filters();
+      },
+      get setCanvasFrameRef() {
+        return e.setCanvasFrameRef;
+      },
+      get onViewportCommit() {
+        return e.canvas.commitViewport;
+      },
+      get onCanvasContextMenu() {
+        return e.canvas.openCanvasContextMenu;
+      },
+      get onSelectWidget() {
+        return e.canvas.selectWidget;
+      },
+      get onWidgetContextMenu() {
+        return e.canvas.openWidgetContextMenu;
+      },
+      get onStartOptimisticFront() {
+        return e.canvas.startOptimisticFront;
+      },
+      get onCommitFront() {
+        return e.canvas.commitFront;
+      },
+      get onCommitMove() {
+        return e.canvas.commitMove;
+      },
+      get onCommitResize() {
+        return e.canvas.commitResize;
+      },
+      get onRequestDelete() {
+        return e.widgetActions.deleteWidget;
+      }
+    })), c(t, a(S, {
+      get locked() {
+        return e.locked();
+      },
+      get onToggle() {
+        return e.lock.toggle;
+      },
+      get shortcutLabel() {
+        return u() ?? void 0;
+      }
+    }), null), c(t, a(D, {
+      get widgetDefinitions() {
+        return e.widgetDefinitions();
+      },
+      get widgets() {
+        return e.widgets();
+      },
+      get filters() {
+        return e.filters();
+      },
+      get onSoloFilter() {
+        return e.filter.solo;
+      },
+      get onShowAll() {
+        return e.filter.showAll;
+      },
+      onCreateAt: w
+    }), null), c(t, a(M, {
+      get scaleLabel() {
+        return e.scaleLabel();
+      },
+      get onZoomOut() {
+        return e.hud.zoomOut;
+      },
+      get onZoomIn() {
+        return e.hud.zoomIn;
+      }
+    }), null), c(t, a(W, {
+      get when() {
+        return e.contextMenu.state();
+      },
+      get children() {
+        return a(k, {
+          get children() {
+            return [(() => {
+              var n = L();
+              return s(n, "contextmenu", e.contextMenu.retarget, !0), s(n, "click", e.contextMenu.close, !0), n;
+            })(), a(x, {
+              get x() {
+                return e.contextMenu.position()?.left ?? 0;
+              },
+              get y() {
+                return e.contextMenu.position()?.top ?? 0;
+              },
+              get items() {
+                return e.contextMenu.items();
+              }
+            })];
+          }
+        });
+      }
+    }), null), p(() => b(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
+  })();
+}
+C(["click", "contextmenu"]);
+export {
+  K as WorkbenchSurface
+};

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

@@ -0,0 +1,26 @@
+import { type JSX } from 'solid-js';
+import type { WorkbenchWidgetDefinition, WorkbenchWidgetItem } from './types';
+export interface WorkbenchWidgetProps {
+    definition: WorkbenchWidgetDefinition;
+    item: WorkbenchWidgetItem;
+    selected: boolean;
+    optimisticFront: boolean;
+    topZIndex: number;
+    viewportScale: number;
+    locked: boolean;
+    filtered: boolean;
+    onSelect: (widgetId: string) => void;
+    onContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
+    onStartOptimisticFront: (widgetId: string) => void;
+    onCommitFront: (widgetId: string) => void;
+    onCommitMove: (widgetId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitResize: (widgetId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onRequestDelete: (widgetId: string) => void;
+}
+export declare function WorkbenchWidget(props: WorkbenchWidgetProps): JSX.Element;

package/dist/components/workbench/WorkbenchWidget.js

@@ -0,0 +1,192 @@
+import { insert as m, createComponent as f, memo as B, effect as G, setAttribute as N, setStyleProperty as v, template as A, delegateEvents as O } from "solid-js/web";
+import { createSignal as R, onCleanup as T, untrack as I, createMemo as H } from "solid-js";
+import { startHotInteraction as P } from "../../utils/hotInteraction.js";
+import { GripVertical as q, X as V } from "../icons/index.js";
+var Z = /* @__PURE__ */ A('<article class=workbench-widget><header class=workbench-widget__header><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title></span></div><button type=button class=workbench-widget__close aria-label="Remove widget"data-floe-canvas-interactive=true></button></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), j = /* @__PURE__ */ A('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const J = 220, K = 160;
+function et(e) {
+  const [u, x] = R(null), [b, C] = R(null);
+  let g, w;
+  T(() => {
+    g?.abort(), g = void 0, w?.abort(), w = void 0, I(u)?.stopInteraction(), I(b)?.stopInteraction();
+  });
+  const M = () => u() !== null, _ = () => b() !== null, k = H(() => {
+    const i = u();
+    return i ? {
+      x: i.worldX,
+      y: i.worldY
+    } : {
+      x: e.item.x,
+      y: e.item.y
+    };
+  }), y = H(() => {
+    const i = b();
+    return i ? {
+      width: i.width,
+      height: i.height
+    } : {
+      width: e.item.width,
+      height: e.item.height
+    };
+  }), $ = (i) => {
+    const o = I(u);
+    if (!o) return;
+    const a = {
+      x: o.worldX,
+      y: o.worldY
+    }, r = {
+      x: o.startWorldX,
+      y: o.startWorldY
+    }, d = i && (Math.abs(a.x - r.x) > 1 || Math.abs(a.y - r.y) > 1);
+    e.onCommitFront(e.item.id), d && e.onCommitMove(e.item.id, a), o.stopInteraction(), x(null), g?.abort(), g = void 0;
+  }, F = (i) => {
+    if (i.button !== 0 || e.locked) return;
+    i.preventDefault(), i.stopPropagation(), g?.abort(), e.onStartOptimisticFront(e.item.id);
+    const o = P({
+      kind: "drag",
+      cursor: "grabbing"
+    }), a = Math.max(e.viewportScale, 1e-3);
+    x({
+      pointerId: i.pointerId,
+      startClientX: i.clientX,
+      startClientY: i.clientY,
+      startWorldX: e.item.x,
+      startWorldY: e.item.y,
+      worldX: e.item.x,
+      worldY: e.item.y,
+      moved: !1,
+      scale: a,
+      stopInteraction: o
+    });
+    const r = (t) => {
+      x((n) => {
+        if (!n || n.pointerId !== t.pointerId) return n;
+        const c = n.startWorldX + (t.clientX - n.startClientX) / n.scale, h = n.startWorldY + (t.clientY - n.startClientY) / n.scale;
+        return {
+          ...n,
+          worldX: c,
+          worldY: h,
+          moved: n.moved || Math.abs(c - n.startWorldX) > 2 || Math.abs(h - n.startWorldY) > 2
+        };
+      });
+    }, d = (t) => {
+      t.pointerId === i.pointerId && $(!0);
+    }, s = (t) => {
+      t.pointerId === i.pointerId && $(!1);
+    }, l = new AbortController();
+    g = l, window.addEventListener("pointermove", r, {
+      signal: l.signal
+    }), window.addEventListener("pointerup", d, {
+      once: !0,
+      signal: l.signal
+    }), window.addEventListener("pointercancel", s, {
+      once: !0,
+      signal: l.signal
+    });
+  }, X = (i) => {
+    const o = I(b);
+    if (!o) return;
+    const a = {
+      width: o.width,
+      height: o.height
+    }, r = Math.abs(o.width - o.startWidth) > 1 || Math.abs(o.height - o.startHeight) > 1;
+    i && r && e.onCommitResize(e.item.id, a), o.stopInteraction(), C(null), w?.abort(), w = void 0;
+  }, E = (i) => {
+    if (i.button !== 0 || e.locked) return;
+    i.preventDefault(), i.stopPropagation(), w?.abort(), e.onStartOptimisticFront(e.item.id);
+    const o = P({
+      kind: "drag",
+      cursor: "nwse-resize"
+    }), a = Math.max(e.viewportScale, 1e-3);
+    C({
+      pointerId: i.pointerId,
+      startClientX: i.clientX,
+      startClientY: i.clientY,
+      startWidth: e.item.width,
+      startHeight: e.item.height,
+      width: e.item.width,
+      height: e.item.height,
+      scale: a,
+      stopInteraction: o
+    });
+    const r = (t) => {
+      C((n) => {
+        if (!n || n.pointerId !== t.pointerId) return n;
+        const c = Math.max(J, n.startWidth + (t.clientX - n.startClientX) / n.scale), h = Math.max(K, n.startHeight + (t.clientY - n.startClientY) / n.scale);
+        return {
+          ...n,
+          width: c,
+          height: h
+        };
+      });
+    }, d = (t) => {
+      t.pointerId === i.pointerId && X(!0);
+    }, s = (t) => {
+      t.pointerId === i.pointerId && X(!1);
+    }, l = new AbortController();
+    w = l, window.addEventListener("pointermove", r, {
+      signal: l.signal
+    }), window.addEventListener("pointerup", d, {
+      once: !0,
+      signal: l.signal
+    }), window.addEventListener("pointercancel", s, {
+      once: !0,
+      signal: l.signal
+    });
+  };
+  return (() => {
+    var i = Z(), o = i.firstChild, a = o.firstChild, r = a.nextSibling, d = r.firstChild, s = r.nextSibling, l = o.nextSibling;
+    return i.$$click = () => {
+      e.onSelect(e.item.id), e.onCommitFront(e.item.id);
+    }, i.$$contextmenu = (t) => {
+      t.preventDefault(), t.stopPropagation(), e.onContextMenu(t, e.item);
+    }, a.$$pointerdown = F, m(a, f(q, {
+      class: "w-3.5 h-3.5"
+    })), m(r, () => {
+      const t = e.definition.icon;
+      return f(t, {
+        class: "w-3.5 h-3.5"
+      });
+    }, d), m(d, () => e.item.title), s.$$click = (t) => {
+      t.stopPropagation(), t.preventDefault(), e.onRequestDelete(e.item.id);
+    }, s.$$pointerdown = (t) => t.stopPropagation(), m(s, f(V, {
+      class: "w-3 h-3"
+    })), m(l, () => {
+      const t = e.definition.body;
+      return f(t, {
+        get widgetId() {
+          return e.item.id;
+        },
+        get title() {
+          return e.item.title;
+        },
+        get type() {
+          return e.item.type;
+        }
+      });
+    }), m(i, (() => {
+      var t = B(() => !!e.locked);
+      return () => t() ? null : (() => {
+        var n = j();
+        return n.$$pointerdown = E, n;
+      })();
+    })(), null), G((t) => {
+      var n = !!e.selected, c = !!M(), h = !!_(), z = !!e.filtered, S = e.item.id, Y = `translate(${k().x}px, ${k().y}px)`, W = `${y().width}px`, L = `${y().height}px`, D = M() || _() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`;
+      return n !== t.e && i.classList.toggle("is-selected", t.e = n), c !== t.t && i.classList.toggle("is-dragging", t.t = c), h !== t.a && i.classList.toggle("is-resizing", t.a = h), z !== t.o && i.classList.toggle("is-filtered-out", t.o = z), S !== t.i && N(i, "data-floe-workbench-widget-id", t.i = S), Y !== t.n && v(i, "transform", t.n = Y), W !== t.s && v(i, "width", t.s = W), L !== t.h && v(i, "height", t.h = L), D !== t.r && v(i, "z-index", t.r = D), t;
+    }, {
+      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
+    }), i;
+  })();
+}
+O(["contextmenu", "click", "pointerdown"]);
+export {
+  et as WorkbenchWidget
+};

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

@@ -0,0 +1,7 @@
+export { WorkbenchOverlay, type WorkbenchOverlayProps, } from './WorkbenchOverlay';
+export { WorkbenchSurface, type WorkbenchSurfaceApi, type WorkbenchSurfaceProps, } from './WorkbenchSurface';
+export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchContextMenuProps, } from './WorkbenchContextMenu';
+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, } from './workbenchHelpers';