@floegence/floe-webapp-core 0.52.2 → 0.52.4

package/dist/components/file-browser/index.d.ts

@@ -1,3 +1,4 @@
+export { createLongPressContextMenuHandlers } from './longPressContextMenu';
 export { FileBrowser, type FileBrowserProps } from './FileBrowser';
 export { FileBrowserProvider, useFileBrowser, type FileBrowserProviderProps, } from './FileBrowserContext';
 export { DirectoryTree, type DirectoryTreeProps } from './DirectoryTree';

package/dist/components/file-browser/longPressContextMenu.js

@@ -1,54 +1,67 @@
-import { onCleanup as v } from "solid-js";
-import { createItemContextMenuEvent as p } from "./contextMenuEvent.js";
-function O(c, r, u) {
-  const d = u?.delayMs ?? 500, m = u?.moveTolerancePx ?? 10, w = u?.selectOnOpen ?? !0, f = u?.source ?? "list";
-  let n = null, s = null, i = !1;
-  const l = () => {
-    n !== null && typeof window < "u" && (window.clearTimeout(n), n = null), s = null;
-  }, a = () => {
-    i = !0;
-  }, C = (e, t) => {
-    if (!w) {
-      c.showContextMenu(p({
+import { onCleanup as D } from "solid-js";
+import { createItemContextMenuEvent as w } from "./contextMenuEvent.js";
+function S(c, l, a) {
+  const C = a?.delayMs ?? 500, g = a?.moveTolerancePx ?? 10, x = a?.selectOnOpen ?? !0, f = a?.source ?? "list";
+  let t = null, s = null, u = !1, d = null, p = null;
+  const n = () => {
+    t !== null && typeof window < "u" && (window.clearTimeout(t), t = null), s = null, d?.removeEventListener("pointerdown", m, !0), d = null, p = null;
+  }, m = (e) => {
+    p !== null && e.pointerId !== p && (n(), u = !0);
+  }, i = () => {
+    u = !0;
+  }, y = (e, o) => {
+    if (!x) {
+      c.showContextMenu(
+        w({
+          x: e,
+          y: o,
+          triggerItem: l,
+          items: [l],
+          source: f
+        })
+      ), i();
+      return;
+    }
+    c.ensureContextMenuSelection(l.id);
+    const r = c.getSelectedItemsList(), h = r.length > 0 ? r : [l];
+    c.showContextMenu(
+      w({
         x: e,
-        y: t,
-        triggerItem: r,
-        items: [r],
+        y: o,
+        triggerItem: l,
+        items: h,
         source: f
-      })), a();
+      })
+    ), i();
+  }, M = (e) => {
+    if (u = !1, e.pointerType === "mouse") return;
+    if (e.isPrimary === !1) {
+      n(), i();
       return;
     }
-    c.ensureContextMenuSelection(r.id);
-    const o = c.getSelectedItemsList(), h = o.length > 0 ? o : [r];
-    c.showContextMenu(p({
-      x: e,
-      y: t,
-      triggerItem: r,
-      items: h,
-      source: f
-    })), a();
-  }, x = (e) => {
-    if (i = !1, e.pointerType === "mouse" || typeof window > "u") return;
-    l(), s = { x: e.clientX, y: e.clientY };
-    const t = e.clientX, o = e.clientY;
-    n = window.setTimeout(() => {
-      n = null, C(t, o);
-    }, d);
-  }, M = (e) => {
-    if (n === null || !s) return;
-    const t = e.clientX - s.x, o = e.clientY - s.y;
-    Math.hypot(t, o) > m && (l(), a());
-  }, y = () => l(), g = () => l(), P = (e) => i ? (i = !1, e.preventDefault(), e.stopPropagation(), !0) : !1;
-  return v(() => {
-    l();
+    if (typeof window > "u") return;
+    n(), p = e.pointerId, d = e.currentTarget instanceof Node ? e.currentTarget.ownerDocument : document, d?.addEventListener("pointerdown", m, !0), s = { x: e.clientX, y: e.clientY };
+    const o = e.clientX, r = e.clientY;
+    t = window.setTimeout(() => {
+      t = null, y(o, r);
+    }, C);
+  }, P = (e) => {
+    if (t === null || !s) return;
+    const o = e.clientX - s.x, r = e.clientY - s.y;
+    Math.hypot(o, r) > g && (n(), i());
+  }, v = () => n(), I = () => {
+    n(), i();
+  }, T = (e) => u ? (u = !1, e.preventDefault(), e.stopPropagation(), !0) : !1;
+  return D(() => {
+    n();
   }), {
-    onPointerDown: x,
-    onPointerMove: M,
-    onPointerUp: y,
-    onPointerCancel: g,
-    consumeClickSuppression: P
+    onPointerDown: M,
+    onPointerMove: P,
+    onPointerUp: v,
+    onPointerCancel: I,
+    consumeClickSuppression: T
   };
 }
 export {
-  O as createLongPressContextMenuHandlers
+  S as createLongPressContextMenuHandlers
 };

package/dist/components/ui/FloatingWindow.js

@@ -1,4 +1,4 @@
-import { createComponent as a, Portal as De, spread as ce, mergeProps as fe, memo as we, insert as g, effect as c, setAttribute as We, addEventListener as m, className as f, template as d, use as ke, delegateEvents as Oe } from "solid-js/web";
+import { createComponent as a, Portal as Te, spread as ce, mergeProps as fe, memo as we, insert as g, effect as c, setAttribute as De, addEventListener as m, className as f, template as u, use as We, delegateEvents as Oe } from "solid-js/web";
 import { createUniqueId as He, createSignal as p, onCleanup as L, onMount as Ye, createEffect as b, Show as S, batch as Ne, untrack as Xe } from "solid-js";
 import { cn as M } from "../../utils/cn.js";
 import { useLayout as Ue } from "../../context/LayoutContext.js";
@@ -10,21 +10,21 @@ import { resolveFloatingWindowViewport as ge, normalizeFloatingWindowRect as me,
 import { createFloatingPresence as Je } from "./floatingPresence.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as ve } from "./localInteractionSurface.js";
 import { SURFACE_PORTAL_LAYER_ATTR as Ke, SURFACE_FLOATING_LAYER_ATTR as Qe } from "./dialogSurfaceScope.js";
-var et = /* @__PURE__ */ d('<h2 class="text-sm font-medium truncate select-none">'), tt = /* @__PURE__ */ d('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), nt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), it = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), ot = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), rt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), lt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), st = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), at = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), dt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), ut = /* @__PURE__ */ d('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0"></div><div class="flex items-center gap-0.5 -mr-1"></div></div><div class="flex-1 overflow-auto p-3">');
+var et = /* @__PURE__ */ u('<h2 class="text-xs leading-none font-medium truncate select-none">'), tt = /* @__PURE__ */ u('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), nt = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), it = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), ot = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), rt = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), lt = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), st = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), at = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), dt = /* @__PURE__ */ u("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), ut = /* @__PURE__ */ u('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="flex-1 overflow-auto p-3">');
 function St(i) {
-  const B = () => i.resizable ?? !0, G = () => i.draggable ?? !0, T = () => i.minSize ?? {
+  const B = () => i.resizable ?? !0, G = () => i.draggable ?? !0, k = () => i.minSize ?? {
     width: 200,
     height: 150
-  }, D = () => i.maxSize ?? {
+  }, T = () => i.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
-  }, x = () => i.viewportInsets ?? {}, pe = () => i.zIndex ?? 100, xe = He(), ze = Ue(), $ = () => ze.isMobile(), W = 16, j = () => `floating-window-${xe}-title`, [k, ye] = p(i.defaultPosition ?? {
+  }, x = () => i.viewportInsets ?? {}, pe = () => i.zIndex ?? 100, xe = He(), ze = Ue(), $ = () => ze.isMobile(), D = 16, j = () => `floating-window-${xe}-title`, [W, ye] = p(i.defaultPosition ?? {
     x: 0,
     y: 0
   }), [O, be] = p(i.defaultSize ?? {
     width: 400,
     height: 300
-  }), [u, V] = p(!1), [R, Z] = p(!1), [E, J] = p(!1), [Se, H] = p(!1), _ = Je({
+  }), [d, V] = p(!1), [R, Z] = p(!1), [E, J] = p(!1), [Se, H] = p(!1), _ = Je({
     open: () => i.open,
     exitDurationMs: 120
   }), [$e, _e] = p(null);
@@ -75,7 +75,7 @@ function St(i) {
   }, ie = (e) => {
     y = e, l && (l.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, l.style.width = `${e.width}px`, l.style.height = `${e.height}px`);
   }, X = () => {
-    const e = k(), t = O();
+    const e = W(), t = O();
     return {
       x: e.x,
       y: e.y,
@@ -121,15 +121,15 @@ function St(i) {
       resizeStartPos: ee,
       resizeStartRect: te,
       resizeHandle: ne,
-      minSize: T(),
-      maxSize: D(),
+      minSize: k(),
+      maxSize: T(),
       viewport: {
         width: window.innerWidth,
         height: window.innerHeight
       },
       viewportInsets: x(),
       mobile: $(),
-      mobilePadding: W
+      mobilePadding: D
     })));
   }, F = (e) => {
     if (typeof window > "u") return;
@@ -137,18 +137,18 @@ function St(i) {
       width: window.innerWidth,
       height: window.innerHeight
     };
-    if (u()) {
+    if (d()) {
       P(ge(t, x()));
       return;
     }
     P(me({
       rect: X(),
-      minSize: T(),
-      maxSize: D(),
+      minSize: k(),
+      maxSize: T(),
       viewport: t,
       viewportInsets: x(),
       mobile: $(),
-      mobilePadding: W,
+      mobilePadding: D,
       center: e?.center ?? !1
     }));
   }, re = (e) => {
@@ -221,7 +221,7 @@ function St(i) {
     s === null ? ie(e) : y = e;
   });
   const Ae = (e) => {
-    !G() || u() || s !== null || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"]') || (e.preventDefault(), s = e.pointerId, v = "drag", Z(!0), K = {
+    !G() || d() || s !== null || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"]') || (e.preventDefault(), s = e.pointerId, v = "drag", Z(!0), K = {
       x: e.clientX,
       y: e.clientY
     }, Q = {
@@ -231,7 +231,7 @@ function St(i) {
       y: e.clientY
     }, N(!0, "grabbing"), se(e));
   }, w = (e) => (t) => {
-    !B() || u() || s !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), s = t.pointerId, v = "resize", J(!0), ne = e, ee = {
+    !B() || d() || s !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), s = t.pointerId, v = "resize", J(!0), ne = e, ee = {
       x: t.clientX,
       y: t.clientY
     }, te = {
@@ -270,7 +270,7 @@ function St(i) {
       }
     });
   }, ae = () => {
-    if (s !== null && q(!0), u()) {
+    if (s !== null && q(!0), d()) {
       const t = $e();
       t && P(me({
         rect: {
@@ -279,15 +279,15 @@ function St(i) {
           width: t.size.width,
           height: t.size.height
         },
-        minSize: T(),
-        maxSize: D(),
+        minSize: k(),
+        maxSize: T(),
         viewport: {
           width: window.innerWidth,
           height: window.innerHeight
         },
         viewportInsets: x(),
         mobile: $(),
-        mobilePadding: W,
+        mobilePadding: D,
         center: !1
       })), V(!1);
       return;
@@ -306,8 +306,8 @@ function St(i) {
       width: window.innerWidth,
       height: window.innerHeight
     }, x())), V(!0);
-  }, Le = () => {
-    ae();
+  }, Le = (e) => {
+    e.target?.closest("button") || ae();
   }, Me = (e) => {
     Re(e.target) && Pe();
   }, h = (e) => M("absolute z-10", {
@@ -325,10 +325,10 @@ function St(i) {
       return _.mounted();
     },
     get children() {
-      return a(De, {
+      return a(Te, {
         get children() {
-          var e = ut(), t = e.firstChild, o = t.firstChild, r = o.firstChild, de = r.nextSibling, Te = o.nextSibling, ue = l;
-          return typeof ue == "function" ? ke(ue, e) : l = e, ce(e, fe({
+          var e = ut(), t = e.firstChild, o = t.firstChild, r = o.firstChild, de = r.nextSibling, ke = o.nextSibling, ue = l;
+          return typeof ue == "function" ? We(ue, e) : l = e, ce(e, fe({
             get "data-floating-presence"() {
               return _.state();
             },
@@ -345,7 +345,7 @@ function St(i) {
               return {
                 width: `${O().width}px`,
                 height: `${O().height}px`,
-                transform: `translate3d(${k().x}px, ${k().y}px, 0)`,
+                transform: `translate3d(${W().x}px, ${W().y}px, 0)`,
                 "z-index": pe(),
                 "will-change": R() ? "transform" : E() ? "transform, width, height" : void 0
               };
@@ -371,7 +371,12 @@ function St(i) {
             [ve]: "true"
           }, {
             get class() {
-              return M("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (R() || E()) && "floe-floating-presence--suspended", u() && "rounded-none", i.class);
+              return M("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (R() || E()) && "floe-floating-presence--suspended", d() && "rounded-none", i.class);
+            },
+            get style() {
+              return {
+                "border-radius": d() ? "0" : "10px"
+              };
             },
             get "data-floating-presence"() {
               return _.state();
@@ -382,22 +387,23 @@ function St(i) {
             },
             get children() {
               var n = et();
-              return g(n, () => i.title), c(() => We(n, "id", j())), n;
+              return g(n, () => i.title), c(() => De(n, "id", j())), n;
             }
           })), g(de, a(he, {
             variant: "ghost",
             size: "icon",
-            class: "h-6 w-6",
+            "data-floe-floating-window-control": "maximize",
+            class: "h-full w-9 shrink-0 rounded-none border-0 px-0 active:scale-100",
             onClick: (n) => {
               n.stopPropagation(), ae();
             },
             get "aria-label"() {
-              return u() ? "Restore" : "Maximize";
+              return d() ? "Restore" : "Maximize";
             },
             get children() {
               return a(S, {
                 get when() {
-                  return u();
+                  return d();
                 },
                 get fallback() {
                   return a(Be, {
@@ -414,7 +420,8 @@ function St(i) {
           }), null), g(de, a(he, {
             variant: "ghost-destructive",
             size: "icon",
-            class: "h-6 w-6",
+            "data-floe-floating-window-control": "close",
+            class: "h-full w-10 shrink-0 rounded-none border-0 px-0 active:scale-100",
             onClick: (n) => {
               n.stopPropagation(), i.onOpenChange(!1);
             },
@@ -424,7 +431,7 @@ function St(i) {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), g(Te, () => i.children), g(t, a(S, {
+          }), null), g(ke, () => i.children), g(t, a(S, {
             get when() {
               return i.footer;
             },
@@ -434,7 +441,7 @@ function St(i) {
             }
           }), null), g(t, a(S, {
             get when() {
-              return we(() => !!B())() && !u();
+              return we(() => !!B())() && !d();
             },
             get children() {
               return [(() => {
@@ -470,7 +477,7 @@ function St(i) {
                 }
               })];
             }
-          }), null), c(() => f(o, M("flex items-center justify-between h-9 px-3", "border-b", u() ? "rounded-none" : "rounded-t-md", G() && !u() && "cursor-move"))), e;
+          }), null), c(() => f(o, M("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", G() && !d() && "cursor-move"))), e;
         }
       });
     }

package/dist/components/ui/SurfaceFloatingLayer.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import { type SurfaceFloatingBoundary } from './surfaceFloatingBoundary';
 export type SurfaceFloatingLayerPosition = Readonly<{
     x: number;
     y: number;
@@ -11,6 +12,7 @@ export interface SurfaceFloatingLayerProps extends Omit<JSX.HTMLAttributes<HTMLD
     position: SurfaceFloatingLayerPosition;
     /** Stable trigger or anchor used to resolve the owning projected surface. */
     owner?: Element | null;
+    boundary?: SurfaceFloatingBoundary;
     estimatedSize?: SurfaceFloatingLayerSize;
     clamp?: boolean;
     class?: string;

package/dist/components/ui/SurfaceFloatingLayer.js

@@ -1,11 +1,12 @@
-import { createComponent as m, Portal as d, use as y, spread as S, mergeProps as P, insert as R, template as v } from "solid-js/web";
-import { splitProps as _, createMemo as a } from "solid-js";
-import { cn as g } from "../../utils/cn.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as h } from "./localInteractionSurface.js";
-import { clampMenuPosition as A } from "./menuUtils.js";
-import { resolveSurfacePortalHost as T, SURFACE_FLOATING_LAYER_ATTR as z, resolveSurfacePortalMount as C, resolveSurfacePortalBoundaryRect as x, isSurfacePortalMode as L, projectSurfacePortalPosition as M } from "./dialogSurfaceScope.js";
-var $ = /* @__PURE__ */ v("<div>");
-function w() {
+import { createComponent as m, Portal as y, use as S, spread as v, mergeProps as h, insert as P, template as R } from "solid-js/web";
+import { splitProps as g, createMemo as n } from "solid-js";
+import { cn as A } from "../../utils/cn.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as _ } from "./localInteractionSurface.js";
+import { clampMenuPosition as b } from "./menuUtils.js";
+import { readSurfaceSafeArea as T, resolveFloatingBoundary as z } from "./surfaceFloatingBoundary.js";
+import { resolveSurfacePortalHost as C, SURFACE_FLOATING_LAYER_ATTR as w, resolveSurfacePortalMount as x, resolveSurfacePortalBoundaryRect as F, isSurfacePortalMode as L, projectSurfacePortalPosition as M } from "./dialogSurfaceScope.js";
+var $ = /* @__PURE__ */ R("<div>");
+function B() {
   return {
     left: 0,
     top: 0,
@@ -15,38 +16,42 @@ function w() {
     height: 0
   };
 }
-function O(i) {
-  const [e, l] = _(i, ["position", "owner", "estimatedSize", "clamp", "class", "style", "children", "layerRef"]), o = a(() => T({
+function G(l) {
+  const [e, c] = g(l, ["position", "owner", "boundary", "estimatedSize", "clamp", "class", "style", "children", "layerRef"]), o = n(() => C({
     owner: e.owner ?? null
-  })), r = () => L(o()), c = () => x(o()) ?? w(), u = () => e.clamp !== !1 && !!e.estimatedSize, p = a(() => {
+  })), i = () => L(o()), u = n(() => (e.position, T())), r = () => e.boundary === void 0 ? F(o()) : z(o(), e.boundary, u()) ?? B(), d = () => e.clamp !== !1 && !!e.estimatedSize, f = n(() => {
     const t = e.position;
-    return !u() || !e.estimatedSize ? t : A(t, e.estimatedSize, c());
-  }), n = () => M(p(), o()), f = () => ({
+    return !d() || !e.estimatedSize ? t : b(t, e.estimatedSize, r());
+  }), a = () => M(f(), o()), p = () => ({
     ...e.style ?? {},
-    left: `${n().x}px`,
-    top: `${n().y}px`
+    ...e.boundary !== void 0 && (r().width <= 16 || r().height <= 16) ? {
+      visibility: "hidden",
+      "pointer-events": "none"
+    } : {},
+    left: `${a().x}px`,
+    top: `${a().y}px`
   });
-  return m(d, {
+  return m(y, {
     get mount() {
-      return C(o());
+      return x(o());
     },
     get children() {
       var t = $(), s = e.layerRef;
-      return typeof s == "function" ? y(s, t) : e.layerRef = t, S(t, P(l, {
+      return typeof s == "function" ? S(s, t) : e.layerRef = t, v(t, h(c, {
         get class() {
-          return g(r() ? "absolute z-20" : "fixed z-50", e.class);
+          return A(i() ? "absolute z-20" : "fixed z-50", e.class);
         },
         get style() {
-          return f();
+          return p();
         }
       }, {
-        [z]: "true"
+        [w]: "true"
       }, () => ({
-        [h]: r() ? "true" : void 0
-      })), !1, !0), R(t, () => e.children), t;
+        [_]: i() ? "true" : void 0
+      })), !1, !0), P(t, () => e.children), t;
     }
   });
 }
 export {
-  O as SurfaceFloatingLayer
+  G as SurfaceFloatingLayer
 };

package/dist/components/ui/dialogSurfaceScope.d.ts

@@ -25,12 +25,17 @@ export type SurfacePortalHostResolutionOptions = Readonly<{
 }>;
 export declare function ensureDialogSurfaceInteractionTracking(): void;
 export declare function ensureSurfacePortalInteractionTracking(): void;
+export declare function readFreshInteractionSnapshot(): DialogSurfaceInteractionSnapshot | null;
 export declare function resolveDialogSurfaceHost(options?: SurfacePortalHostResolutionOptions): ResolvedDialogSurfaceHost;
 export declare function resolveSurfacePortalHost(options?: SurfacePortalHostResolutionOptions): ResolvedSurfacePortalHost;
 export declare function isSurfacePortalMode(surfaceHost: ResolvedSurfacePortalHost): boolean;
 export declare function resolveSurfacePortalMount(surfaceHost: ResolvedSurfacePortalHost): HTMLElement | undefined;
 export declare function resolveSurfacePortalBoundaryRect(surfaceHost: ResolvedSurfacePortalHost): SurfacePortalBoundaryRect;
 export declare function resolveSurfacePortalMountRect(surfaceHost: ResolvedSurfacePortalHost): SurfacePortalBoundaryRect;
+export declare function resolveSurfacePortalScale(surfaceHost: ResolvedSurfacePortalHost): {
+    x: number;
+    y: number;
+};
 export declare function projectSurfacePortalPosition(position: Readonly<{
     x: number;
     y: number;