@floegence/floe-webapp-core 0.36.41 → 0.36.42

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

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import { type FloatingWindowViewportInsets } from './floatingWindowGeometry';
 export interface FloatingWindowProps {
     /** Whether the window is open */
     open: boolean;
@@ -30,6 +31,8 @@ export interface FloatingWindowProps {
         width: number;
         height: number;
     };
+    /** Safe area inside the browser viewport that the floating window should avoid */
+    viewportInsets?: FloatingWindowViewportInsets;
     /** Whether the window can be resized */
     resizable?: boolean;
     /** Whether the window can be dragged */

package/dist/components/ui/FloatingWindow.js

@@ -1,54 +1,54 @@
-import { createComponent as a, Portal as Ee, spread as ae, mergeProps as se, memo as de, insert as g, effect as u, setAttribute as Ae, addEventListener as m, className as c, template as s, use as Le, delegateEvents as Fe } from "solid-js/web";
-import { createUniqueId as Me, createSignal as v, onMount as De, onCleanup as O, createEffect as S, Show as y, batch as Te } from "solid-js";
-import { cn as R } from "../../utils/cn.js";
-import { useLayout as ke } from "../../context/LayoutContext.js";
-import { Button as ue } from "./Button.js";
-import { Restore as We, Maximize as Oe, X as He } from "../icons/index.js";
-import { startHotInteraction as Ue } from "../../utils/hotInteraction.js";
-import { normalizeFloatingWindowRect as ce, resolveFloatingWindowRect as Xe } from "./floatingWindowGeometry.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as fe } from "./localInteractionSurface.js";
-import { SURFACE_PORTAL_LAYER_ATTR as Ye } from "./dialogSurfaceScope.js";
-var qe = /* @__PURE__ */ s('<h2 class="text-sm font-medium truncate select-none">'), Ne = /* @__PURE__ */ s('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), Be = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), je = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), Ge = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), Ve = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), Ze = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Je = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), Ke = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), Qe = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), et = /* @__PURE__ */ s('<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">');
-function ct(i) {
-  const H = () => i.resizable ?? !0, U = () => i.draggable ?? !0, I = () => i.minSize ?? {
+import { createComponent as s, Portal as Fe, spread as ae, mergeProps as de, memo as ue, insert as g, effect as u, setAttribute as Le, addEventListener as m, className as c, template as a, use as Me, delegateEvents as De } from "solid-js/web";
+import { createUniqueId as Te, createSignal as p, onMount as We, onCleanup as U, createEffect as b, Show as P, batch as ke } from "solid-js";
+import { cn as C } from "../../utils/cn.js";
+import { useLayout as Oe } from "../../context/LayoutContext.js";
+import { Button as ce } from "./Button.js";
+import { Restore as He, Maximize as Ue, X as Xe } from "../icons/index.js";
+import { startHotInteraction as Ye } from "../../utils/hotInteraction.js";
+import { resolveFloatingWindowViewport as fe, normalizeFloatingWindowRect as he, resolveFloatingWindowRect as qe } from "./floatingWindowGeometry.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as we } from "./localInteractionSurface.js";
+import { SURFACE_PORTAL_LAYER_ATTR as Ne } from "./dialogSurfaceScope.js";
+var Be = /* @__PURE__ */ a('<h2 class="text-sm font-medium truncate select-none">'), je = /* @__PURE__ */ a('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), Ge = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), Ve = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), Ze = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), Je = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), Ke = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Qe = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), et = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), tt = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), nt = /* @__PURE__ */ a('<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">');
+function ht(i) {
+  const X = () => i.resizable ?? !0, Y = () => i.draggable ?? !0, E = () => i.minSize ?? {
     width: 200,
     height: 150
-  }, C = () => i.maxSize ?? {
+  }, A = () => i.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
-  }, he = () => i.zIndex ?? 100, we = Me(), ge = ke(), b = () => ge.isMobile(), E = 16, X = () => `floating-window-${we}-title`, [A, me] = v(i.defaultPosition ?? {
+  }, z = () => i.viewportInsets ?? {}, ge = () => i.zIndex ?? 100, me = Te(), ve = Oe(), $ = () => ve.isMobile(), F = 16, q = () => `floating-window-${me}-title`, [L, pe] = p(i.defaultPosition ?? {
     x: 0,
     y: 0
-  }), [L, pe] = v(i.defaultSize ?? {
+  }), [M, ze] = p(i.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, Y] = v(!1), [q, N] = v(!1), [B, j] = v(!1), [ve, F] = v(!1), [xe, ze] = v(null);
-  let G = {
+  }), [d, N] = p(!1), [B, j] = p(!1), [G, V] = p(!1), [xe, D] = p(!1), [ye, be] = p(null);
+  let Z = {
     x: 0,
     y: 0
-  }, V = {
+  }, J = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, Z = {
+  }, K = {
     x: 0,
     y: 0
-  }, J = {
+  }, Q = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, K = "se", r, l = null, p = null, P = {
+  }, ee = "se", r, o = null, v = null, I = {
     x: 0,
     y: 0
-  }, x = null, _ = null, Q = !1, z = {
+  }, x = null, _ = null, T = !1, y = {
     x: i.defaultPosition?.x ?? 0,
     y: i.defaultPosition?.y ?? 0,
     width: i.defaultSize?.width ?? 400,
     height: i.defaultSize?.height ?? 300
   };
-  const ye = {
+  const Pe = {
     n: "ns-resize",
     s: "ns-resize",
     e: "ew-resize",
@@ -57,45 +57,45 @@ function ct(i) {
     nw: "nwse-resize",
     se: "nwse-resize",
     sw: "nesw-resize"
-  }, M = (e, t) => {
+  }, W = (e, t) => {
     if (!e) {
       _?.(), _ = null;
       return;
     }
-    _?.(), _ = Ue({
-      kind: p === "resize" ? "resize" : "drag",
+    _?.(), _ = Ye({
+      kind: v === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
-  }, ee = (e) => {
-    z = e, r && (r.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, r.style.width = `${e.width}px`, r.style.height = `${e.height}px`);
-  }, D = () => {
-    const e = A(), t = L();
+  }, te = (e) => {
+    y = e, r && (r.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, r.style.width = `${e.width}px`, r.style.height = `${e.height}px`);
+  }, k = () => {
+    const e = L(), t = M();
     return {
       x: e.x,
       y: e.y,
       width: t.width,
       height: t.height
     };
-  }, $ = (e) => {
-    z = e, me({
+  }, S = (e) => {
+    y = e, pe({
       x: e.x,
       y: e.y
-    }), pe({
+    }), ze({
       width: e.width,
       height: e.height
     });
-  }, be = () => {
+  }, $e = () => {
     try {
       r?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, Pe = (e) => {
+  }, Ie = (e) => {
     const t = e instanceof Element ? e : null;
     return t ? t.closest('button, input, select, textarea, a, [role="button"], [tabindex]:not([tabindex="-1"])') === null : !0;
-  }, T = (e) => !!r && e instanceof Node && r.contains(e), $e = () => {
+  }, O = (e) => !!r && e instanceof Node && r.contains(e), Se = () => {
     if (!r) return null;
     const e = r.getBoundingClientRect();
     return {
@@ -104,176 +104,178 @@ function ct(i) {
       width: e.width,
       height: e.height
     };
-  }, te = () => {
-    i.open && (l === null || p === null || typeof window > "u" || ee(Xe({
-      mode: p,
-      pointer: P,
-      dragStartPos: G,
-      dragStartRect: V,
-      resizeStartPos: Z,
-      resizeStartRect: J,
-      resizeHandle: K,
-      minSize: I(),
-      maxSize: C(),
+  }, ne = () => {
+    i.open && (o === null || v === null || typeof window > "u" || te(qe({
+      mode: v,
+      pointer: I,
+      dragStartPos: Z,
+      dragStartRect: J,
+      resizeStartPos: K,
+      resizeStartRect: Q,
+      resizeHandle: ee,
+      minSize: E(),
+      maxSize: A(),
       viewport: {
         width: window.innerWidth,
         height: window.innerHeight
       },
-      mobile: b(),
-      mobilePadding: E
+      viewportInsets: z(),
+      mobile: $(),
+      mobilePadding: F
     })));
-  }, k = (e) => {
+  }, R = (e) => {
     if (typeof window > "u") return;
     const t = {
       width: window.innerWidth,
       height: window.innerHeight
     };
     if (d()) {
-      $({
-        x: 0,
-        y: 0,
-        width: t.width,
-        height: t.height
-      });
+      S(fe(t, z()));
       return;
     }
-    $(ce({
-      rect: D(),
-      minSize: I(),
-      maxSize: C(),
+    S(he({
+      rect: k(),
+      minSize: E(),
+      maxSize: A(),
       viewport: t,
-      mobile: b(),
-      mobilePadding: E,
+      viewportInsets: z(),
+      mobile: $(),
+      mobilePadding: F,
       center: e?.center ?? !1
     }));
-  }, W = (e, t = !0) => {
-    x !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(x), x = null), t && te();
-    const o = t ? $e() ?? z : null;
+  }, H = (e, t = !0) => {
+    x !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(x), x = null), t && ne();
+    const l = t ? Se() ?? y : null;
     if (e !== void 0)
       try {
         typeof r?.releasePointerCapture == "function" && r.releasePointerCapture(e);
       } catch {
       }
-    Te(() => {
-      o && $(o), l = null, p = null, N(!1), j(!1);
-    }), M(!1, "");
+    ke(() => {
+      l && S(l), o = null, v = null, j(!1), V(!1);
+    }), W(!1, "");
   };
-  De(() => {
-    i.open || k({
+  We(() => {
+    i.open || R({
       center: !i.defaultPosition
     });
     const e = () => {
-      l === null && k({
+      o === null && R({
         center: !1
       });
     };
-    window.addEventListener("resize", e), O(() => window.removeEventListener("resize", e));
-  }), S(() => {
+    window.addEventListener("resize", e), U(() => window.removeEventListener("resize", e));
+  }), b(() => {
     if (!i.open) return;
-    b();
-    const e = !Q && !i.defaultPosition, t = () => {
-      k({
+    $();
+    const e = !T && !i.defaultPosition, t = () => {
+      R({
         center: e
-      }), Q = !0;
+      }), T = !0;
     };
     if (typeof requestAnimationFrame > "u") {
       t();
       return;
     }
     requestAnimationFrame(t);
-  }), S(() => {
+  }), b(() => {
+    !i.open || !T || o !== null || (z(), R({
+      center: !1
+    }));
+  }), b(() => {
     if (!i.open) return;
     const e = (t) => {
       if (t.key !== "Escape") return;
-      const o = typeof document < "u" ? document.activeElement : null;
-      !T(t.target) && !T(o) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), i.onOpenChange(!1));
+      const l = typeof document < "u" ? document.activeElement : null;
+      !O(t.target) && !O(l) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), i.onOpenChange(!1));
     };
-    document.addEventListener("keydown", e, !0), O(() => document.removeEventListener("keydown", e, !0));
-  }), S(() => {
+    document.addEventListener("keydown", e, !0), U(() => document.removeEventListener("keydown", e, !0));
+  }), b(() => {
     if (!i.open) {
-      F(!1), W(l ?? void 0, !1);
+      D(!1), H(o ?? void 0, !1);
       return;
     }
-    F(!0);
-  }), S(() => {
+    D(!0);
+  }), b(() => {
     if (!i.open) return;
     const e = (w) => {
-      F(T(w));
+      D(O(w));
     }, t = (w) => {
       e(w.target);
-    }, o = (w) => {
+    }, l = (w) => {
       e(w.target);
     };
-    document.addEventListener("pointerdown", t), document.addEventListener("focusin", o), O(() => {
-      document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", o);
+    document.addEventListener("pointerdown", t), document.addEventListener("focusin", l), U(() => {
+      document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", l);
     });
-  }), S(() => {
+  }), b(() => {
     if (!i.open) return;
-    const e = D();
-    l === null ? ee(e) : z = e;
+    const e = k();
+    o === null ? te(e) : y = e;
   });
-  const Se = (e) => {
-    !U() || d() || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"]') || (e.preventDefault(), l = e.pointerId, p = "drag", N(!0), G = {
+  const _e = (e) => {
+    !Y() || d() || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"]') || (e.preventDefault(), o = e.pointerId, v = "drag", j(!0), Z = {
       x: e.clientX,
       y: e.clientY
-    }, V = {
-      ...z
-    }, P = {
+    }, J = {
+      ...y
+    }, I = {
       x: e.clientX,
       y: e.clientY
-    }, M(!0, "grabbing"), typeof r?.setPointerCapture == "function" && r.setPointerCapture(e.pointerId));
+    }, W(!0, "grabbing"), typeof r?.setPointerCapture == "function" && r.setPointerCapture(e.pointerId));
   }, f = (e) => (t) => {
-    !H() || d() || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), l = t.pointerId, p = "resize", j(!0), K = e, Z = {
+    !X() || d() || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), o = t.pointerId, v = "resize", V(!0), ee = e, K = {
       x: t.clientX,
       y: t.clientY
-    }, J = {
-      ...z
-    }, P = {
+    }, Q = {
+      ...y
+    }, I = {
       x: t.clientX,
       y: t.clientY
-    }, M(!0, ye[e]), typeof r?.setPointerCapture == "function" && r.setPointerCapture(t.pointerId));
-  }, ne = () => {
-    x = null, te();
-  }, _e = (e) => {
-    if (!(l === null || e.pointerId !== l) && p !== null && (P = {
+    }, W(!0, Pe[e]), typeof r?.setPointerCapture == "function" && r.setPointerCapture(t.pointerId));
+  }, ie = () => {
+    x = null, ne();
+  }, Re = (e) => {
+    if (!(o === null || e.pointerId !== o) && v !== null && (I = {
       x: e.clientX,
       y: e.clientY
     }, x === null)) {
       if (typeof requestAnimationFrame > "u") {
-        ne();
+        ie();
         return;
       }
-      x = requestAnimationFrame(ne);
+      x = requestAnimationFrame(ie);
     }
-  }, ie = (e) => {
-    l === null || e.pointerId !== l || (P = {
+  }, re = (e) => {
+    o === null || e.pointerId !== o || (I = {
       x: e.clientX,
       y: e.clientY
-    }, W(e.pointerId));
-  }, re = () => {
-    if (l !== null && W(l, !0), d()) {
-      const t = xe();
-      t && $(ce({
+    }, H(e.pointerId));
+  }, oe = () => {
+    if (o !== null && H(o, !0), d()) {
+      const t = ye();
+      t && S(he({
         rect: {
           x: t.position.x,
           y: t.position.y,
           width: t.size.width,
           height: t.size.height
         },
-        minSize: I(),
-        maxSize: C(),
+        minSize: E(),
+        maxSize: A(),
         viewport: {
           width: window.innerWidth,
           height: window.innerHeight
         },
-        mobile: b(),
-        mobilePadding: E,
+        viewportInsets: z(),
+        mobile: $(),
+        mobilePadding: F,
         center: !1
-      })), Y(!1);
+      })), N(!1);
       return;
     }
-    const e = D();
-    ze({
+    const e = k();
+    be({
       position: {
         x: e.x,
         y: e.y
@@ -282,17 +284,15 @@ function ct(i) {
         width: e.width,
         height: e.height
       }
-    }), $({
-      x: 0,
-      y: 0,
+    }), S(fe({
       width: window.innerWidth,
       height: window.innerHeight
-    }), Y(!0);
-  }, Re = () => {
-    re();
-  }, Ie = (e) => {
-    Pe(e.target) && be();
-  }, h = (e) => R("absolute z-10", {
+    }, z())), N(!0);
+  }, Ce = () => {
+    oe();
+  }, Ee = (e) => {
+    Ie(e.target) && $e();
+  }, h = (e) => C("absolute z-10", {
     n: "cursor-ns-resize top-0 left-2 right-2 h-1",
     s: "cursor-ns-resize bottom-0 left-2 right-2 h-1",
     e: "cursor-ew-resize right-0 top-2 bottom-2 w-1",
@@ -302,87 +302,87 @@ function ct(i) {
     se: "cursor-nwse-resize bottom-0 right-0 w-2 h-2",
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
-  return a(y, {
+  return s(P, {
     get when() {
       return i.open;
     },
     get children() {
-      return a(Ee, {
+      return s(Fe, {
         get children() {
-          var e = et(), t = e.firstChild, o = t.firstChild, w = o.firstChild, oe = w.nextSibling, Ce = o.nextSibling, le = r;
-          return typeof le == "function" ? Le(le, e) : r = e, ae(e, se({
-            [fe]: "true"
+          var e = nt(), t = e.firstChild, l = t.firstChild, w = l.firstChild, le = w.nextSibling, Ae = l.nextSibling, se = r;
+          return typeof se == "function" ? Me(se, e) : r = e, ae(e, de({
+            [we]: "true"
           }, {
             get class() {
-              return R("fixed left-0 top-0 z-[100] flex flex-col", (q() || B()) && "select-none");
+              return C("fixed left-0 top-0 z-[100] flex flex-col", (B() || G()) && "select-none");
             },
             get style() {
               return {
-                width: `${L().width}px`,
-                height: `${L().height}px`,
-                transform: `translate3d(${A().x}px, ${A().y}px, 0)`,
-                "z-index": he(),
-                "will-change": q() ? "transform" : B() ? "transform, width, height" : void 0
+                width: `${M().width}px`,
+                height: `${M().height}px`,
+                transform: `translate3d(${L().x}px, ${L().y}px, 0)`,
+                "z-index": ge(),
+                "will-change": B() ? "transform" : G() ? "transform, width, height" : void 0
               };
             },
-            onPointerMove: _e,
-            onPointerUp: ie,
-            onPointerCancel: ie,
+            onPointerMove: Re,
+            onPointerUp: re,
+            onPointerCancel: re,
             role: "dialog",
             get "aria-labelledby"() {
-              return de(() => !!i.title)() ? X() : void 0;
+              return ue(() => !!i.title)() ? q() : void 0;
             },
             tabIndex: -1,
-            onPointerDown: Ie
-          }), !1, !0), ae(t, se({
-            [Ye]: "true"
+            onPointerDown: Ee
+          }), !1, !0), ae(t, de({
+            [Ne]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             get "data-floe-floating-window-state"() {
-              return ve() ? "active" : "inactive";
+              return xe() ? "active" : "inactive";
             }
           }, {
-            [fe]: "true"
+            [we]: "true"
           }, {
             get class() {
-              return R("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "animate-in fade-in duration-150", d() && "rounded-none", i.class);
+              return C("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "animate-in fade-in duration-150", d() && "rounded-none", i.class);
             }
-          }), !1, !0), o.$$dblclick = Re, o.$$pointerdown = Se, g(w, a(y, {
+          }), !1, !0), l.$$dblclick = Ce, l.$$pointerdown = _e, g(w, s(P, {
             get when() {
               return i.title;
             },
             get children() {
-              var n = qe();
-              return g(n, () => i.title), u(() => Ae(n, "id", X())), n;
+              var n = Be();
+              return g(n, () => i.title), u(() => Le(n, "id", q())), n;
             }
-          })), g(oe, a(ue, {
+          })), g(le, s(ce, {
             variant: "ghost",
             size: "icon",
             class: "h-6 w-6",
             onClick: (n) => {
-              n.stopPropagation(), re();
+              n.stopPropagation(), oe();
             },
             get "aria-label"() {
               return d() ? "Restore" : "Maximize";
             },
             get children() {
-              return a(y, {
+              return s(P, {
                 get when() {
                   return d();
                 },
                 get fallback() {
-                  return a(Oe, {
+                  return s(Ue, {
                     class: "w-3 h-3"
                   });
                 },
                 get children() {
-                  return a(We, {
+                  return s(He, {
                     class: "w-3 h-3"
                   });
                 }
               });
             }
-          }), null), g(oe, a(ue, {
+          }), null), g(le, s(ce, {
             variant: "ghost-destructive",
             size: "icon",
             class: "h-6 w-6",
@@ -391,63 +391,63 @@ function ct(i) {
             },
             "aria-label": "Close",
             get children() {
-              return a(He, {
+              return s(Xe, {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), g(Ce, () => i.children), g(t, a(y, {
+          }), null), g(Ae, () => i.children), g(t, s(P, {
             get when() {
               return i.footer;
             },
             get children() {
-              var n = Ne();
+              var n = je();
               return g(n, () => i.footer), n;
             }
-          }), null), g(t, a(y, {
+          }), null), g(t, s(P, {
             get when() {
-              return de(() => !!H())() && !d();
+              return ue(() => !!X())() && !d();
             },
             get children() {
               return [(() => {
-                var n = Be();
+                var n = Ge();
                 return m(n, "pointerdown", f("n"), !0), u(() => c(n, h("n"))), n;
               })(), (() => {
-                var n = je();
+                var n = Ve();
                 return m(n, "pointerdown", f("s"), !0), u(() => c(n, h("s"))), n;
-              })(), a(y, {
+              })(), s(P, {
                 get when() {
-                  return !b();
+                  return !$();
                 },
                 get children() {
                   return [(() => {
-                    var n = Ge();
+                    var n = Ze();
                     return m(n, "pointerdown", f("e"), !0), u(() => c(n, h("e"))), n;
                   })(), (() => {
-                    var n = Ve();
+                    var n = Je();
                     return m(n, "pointerdown", f("w"), !0), u(() => c(n, h("w"))), n;
                   })(), (() => {
-                    var n = Ze();
+                    var n = Ke();
                     return m(n, "pointerdown", f("ne"), !0), u(() => c(n, h("ne"))), n;
                   })(), (() => {
-                    var n = Je();
+                    var n = Qe();
                     return m(n, "pointerdown", f("nw"), !0), u(() => c(n, h("nw"))), n;
                   })(), (() => {
-                    var n = Ke();
+                    var n = et();
                     return m(n, "pointerdown", f("se"), !0), u(() => c(n, h("se"))), n;
                   })(), (() => {
-                    var n = Qe();
+                    var n = tt();
                     return m(n, "pointerdown", f("sw"), !0), u(() => c(n, h("sw"))), n;
                   })()];
                 }
               })];
             }
-          }), null), u(() => c(o, R("flex items-center justify-between h-9 px-3", "border-b", d() ? "rounded-none" : "rounded-t-md", U() && !d() && "cursor-move"))), e;
+          }), null), u(() => c(l, C("flex items-center justify-between h-9 px-3", "border-b", d() ? "rounded-none" : "rounded-t-md", Y() && !d() && "cursor-move"))), e;
         }
       });
     }
   });
 }
-Fe(["pointerdown", "dblclick"]);
+De(["pointerdown", "dblclick"]);
 export {
-  ct as FloatingWindow
+  ht as FloatingWindow
 };

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

@@ -5,6 +5,18 @@ export interface FloatingWindowRect {
     width: number;
     height: number;
 }
+export interface FloatingWindowViewportInsets {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export interface FloatingWindowViewport {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 interface PointerPosition {
     x: number;
     y: number;
@@ -24,6 +36,7 @@ interface ResolveFloatingWindowRectOptions {
     minSize: Size;
     maxSize: Size;
     viewport: Size;
+    viewportInsets?: FloatingWindowViewportInsets;
     mobile: boolean;
     mobilePadding: number;
 }
@@ -32,10 +45,12 @@ interface NormalizeFloatingWindowRectOptions {
     minSize: Size;
     maxSize: Size;
     viewport: Size;
+    viewportInsets?: FloatingWindowViewportInsets;
     mobile: boolean;
     mobilePadding: number;
     center?: boolean;
 }
+export declare function resolveFloatingWindowViewport(viewport: Size, insets?: FloatingWindowViewportInsets): FloatingWindowViewport;
 export declare function resolveFloatingWindowRect(options: ResolveFloatingWindowRectOptions): FloatingWindowRect;
 export declare function normalizeFloatingWindowRect(options: NormalizeFloatingWindowRectOptions): FloatingWindowRect;
 export {};

package/dist/components/ui/floatingWindowGeometry.js

@@ -1,65 +1,97 @@
-function l(o, h, e) {
-  return Math.max(h, Math.min(e, o));
+function x(e, i, m) {
+  return Math.max(i, Math.min(m, e));
 }
-function z(o, h, e) {
-  const a = Math.max(0, e), t = Math.min(o, a), n = Math.max(t, Math.min(h, a));
-  return { min: t, max: n };
+function l(e, i, m) {
+  const s = Math.max(0, m), o = Math.min(e, s), c = Math.max(o, Math.min(i, s));
+  return { min: o, max: c };
 }
-function S(o) {
+function z(e) {
+  const i = Number(e);
+  return Number.isFinite(i) && i > 0 ? i : 0;
+}
+function X(e, i = {}) {
+  const m = Math.max(0, e.width), s = Math.max(0, e.height), o = Math.min(z(i.left), m), c = Math.min(z(i.top), s), n = Math.min(z(i.right), Math.max(0, m - o)), d = Math.min(z(i.bottom), Math.max(0, s - c));
+  return {
+    x: o,
+    y: c,
+    width: Math.max(0, m - o - n),
+    height: Math.max(0, s - c - d)
+  };
+}
+function Y(e) {
+  return e.x + e.width;
+}
+function H(e) {
+  return e.y + e.height;
+}
+function I(e) {
   const {
-    mode: h,
-    pointer: e,
-    dragStartPos: a,
-    dragStartRect: t,
-    resizeStartPos: n,
-    resizeStartRect: i,
-    resizeHandle: m,
-    minSize: g,
-    maxSize: d,
-    viewport: s,
-    mobile: x,
-    mobilePadding: M
-  } = o, r = e.x - (h === "drag" ? a.x : n.x), w = e.y - (h === "drag" ? a.y : n.y);
-  if (h === "drag")
+    mode: i,
+    pointer: m,
+    dragStartPos: s,
+    dragStartRect: o,
+    resizeStartPos: c,
+    resizeStartRect: n,
+    resizeHandle: d,
+    minSize: r,
+    maxSize: t,
+    viewport: R,
+    viewportInsets: S,
+    mobile: y,
+    mobilePadding: f
+  } = e, a = X(R, S), g = Y(a), w = H(a), u = m.x - (i === "drag" ? s.x : c.x), p = m.y - (i === "drag" ? s.y : c.y);
+  if (i === "drag") {
+    const h = Math.max(a.x, g - o.width), M = Math.max(a.y, w - o.height);
     return {
-      ...t,
-      x: x ? M : Math.max(0, Math.min(s.width - t.width, t.x + r)),
-      y: Math.max(0, Math.min(s.height - t.height, t.y + w))
+      ...o,
+      x: x(y ? a.x + f : o.x + u, a.x, h),
+      y: x(o.y + p, a.y, M)
     };
-  let u = i.width, f = i.height, y = i.x, b = i.y;
-  if (!x && m.includes("e") && (u = Math.max(g.width, Math.min(d.width, i.width + r))), !x && m.includes("w")) {
-    const c = i.width - r;
-    c >= g.width && c <= d.width && (u = c, y = i.x + r);
   }
-  if (m.includes("s") && (f = Math.max(g.height, Math.min(d.height, i.height + w))), m.includes("n")) {
-    const c = i.height - w;
-    c >= g.height && c <= d.height && (f = c, b = i.y + w);
+  let b = n.width, v = n.height, W = n.x, F = n.y;
+  if (!y && d.includes("e")) {
+    const h = l(r.width, t.width, g - n.x);
+    b = x(n.width + u, h.min, h.max);
+  }
+  if (!y && d.includes("w")) {
+    const h = n.x + n.width, M = l(r.width, t.width, h - a.x), B = h - M.max, P = Math.max(B, h - M.min);
+    W = x(n.x + u, B, P), b = Math.max(0, h - W);
+  }
+  if (d.includes("s")) {
+    const h = l(r.height, t.height, w - n.y);
+    v = x(n.height + p, h.min, h.max);
+  }
+  if (d.includes("n")) {
+    const h = n.y + n.height, M = l(r.height, t.height, h - a.y), B = h - M.max, P = Math.max(B, h - M.min);
+    F = x(n.y + p, B, P), v = Math.max(0, h - F);
   }
   return {
-    x: Math.max(0, Math.min(s.width - u, y)),
-    y: Math.max(0, Math.min(s.height - f, b)),
-    width: u,
-    height: f
+    x: x(W, a.x, Math.max(a.x, g - b)),
+    y: x(F, a.y, Math.max(a.y, w - v)),
+    width: b,
+    height: v
   };
 }
-function p(o) {
+function V(e) {
   const {
-    rect: h,
-    minSize: e,
-    maxSize: a,
-    viewport: t,
+    rect: i,
+    minSize: m,
+    maxSize: s,
+    viewport: o,
+    viewportInsets: c,
     mobile: n,
-    mobilePadding: i,
-    center: m = !1
-  } = o, g = n ? Math.max(0, t.width - i * 2) : t.width, d = z(e.width, a.width, g), s = z(e.height, a.height, t.height), x = n ? d.max : l(h.width, d.min, d.max), M = l(h.height, s.min, s.max), r = Math.max(0, t.width - x), w = Math.max(0, t.height - M);
+    mobilePadding: d,
+    center: r = !1
+  } = e, t = X(o, c), R = Y(t), S = H(t), y = n ? Math.max(0, t.width - d * 2) : t.width, f = l(m.width, s.width, y), a = l(m.height, s.height, t.height), g = n ? f.max : x(i.width, f.min, f.max), w = x(i.height, a.min, a.max), u = Math.max(t.x, R - g), p = Math.max(t.y, S - w);
   return {
-    x: n ? l(i, 0, r) : m ? Math.max(0, Math.round((t.width - x) / 2)) : l(h.x, 0, r),
-    y: m ? Math.max(0, Math.round((t.height - M) / 2)) : l(h.y, 0, w),
-    width: x,
-    height: M
+    x: n ? x(t.x + d, t.x, u) : r ? Math.max(t.x, Math.round(t.x + (t.width - g) / 2)) : x(i.x, t.x, u),
+    y: r ? Math.max(t.y, Math.round(t.y + (t.height - w) / 2)) : x(i.y, t.y, p),
+    width: g,
+    height: w
   };
 }
 export {
-  p as normalizeFloatingWindowRect,
-  S as resolveFloatingWindowRect
+  V as normalizeFloatingWindowRect,
+  I as resolveFloatingWindowRect,
+  X as resolveFloatingWindowViewport
 };

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

@@ -3,6 +3,7 @@ export { Tag, type TagProps, type TagVariant, type TagSize } from './Tag';
 export { Input, Textarea, NumberInput, AffixInput, type InputProps, type InputSize, type TextareaProps, type NumberInputProps, type AffixInputProps, type AffixOption, } from './Input';
 export { Dialog, ConfirmDialog, type DialogProps, type ConfirmDialogProps } from './Dialog';
 export { FloatingWindow, type FloatingWindowProps } from './FloatingWindow';
+export { resolveFloatingWindowViewport, type FloatingWindowRect, type FloatingWindowViewport, type FloatingWindowViewportInsets, } from './floatingWindowGeometry';
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps, } from './Dropdown';
 export { SurfaceFloatingLayer, type SurfaceFloatingLayerPosition, type SurfaceFloatingLayerProps, type SurfaceFloatingLayerSize, } from './SurfaceFloatingLayer';
 export { Tooltip, type TooltipProps } from './Tooltip';

package/dist/full.js

@@ -145,17 +145,18 @@ import { formatKeybind as Hf, isMacLikePlatform as Uf, isPrimaryModKeyPressed as
 import { isTypingElement as Xf, shouldIgnoreHotkeys as Zf } from "./utils/dom.js";
 import { lockBodyStyle as Qf } from "./utils/bodyStyleLock.js";
 import { registerCommandContributions as qf, useCommandContributions as Jf } from "./hooks/useCommandContributions.js";
-import { startPointerSession as ed } from "./components/ui/pointerSession.js";
-import { useAttachments as rd } from "./components/chat/hooks/useAttachments.js";
-import { useAutoScroll as nd } from "./components/chat/hooks/useAutoScroll.js";
-import { useDebounce as ad } from "./hooks/useDebounce.js";
-import { useDeckDrag as md } from "./hooks/useDeckDrag.js";
-import { useFileBrowserDropTarget as sd, useFileBrowserItemDrag as pd } from "./hooks/useFileBrowserDrag.js";
-import { useKeybind as dd } from "./hooks/useKeybind.js";
-import { useMediaQuery as Id } from "./hooks/useMediaQuery.js";
-import { usePersisted as Cd } from "./hooks/usePersisted.js";
-import { useResizeObserver as gd } from "./hooks/useResizeObserver.js";
-import { useVirtualList as hd } from "./components/chat/hooks/useVirtualList.js";
+import { resolveFloatingWindowViewport as ed } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as rd } from "./components/ui/pointerSession.js";
+import { useAttachments as nd } from "./components/chat/hooks/useAttachments.js";
+import { useAutoScroll as ad } from "./components/chat/hooks/useAutoScroll.js";
+import { useDebounce as md } from "./hooks/useDebounce.js";
+import { useDeckDrag as sd } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as fd, useFileBrowserItemDrag as dd } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as Id } from "./hooks/useKeybind.js";
+import { useMediaQuery as Cd } from "./hooks/useMediaQuery.js";
+import { usePersisted as gd } from "./hooks/usePersisted.js";
+import { useResizeObserver as hd } from "./hooks/useResizeObserver.js";
+import { useVirtualList as Fd } from "./components/chat/hooks/useVirtualList.js";
 export {
   F as Activity,
   Nt as ActivityAppsMain,
@@ -695,6 +696,7 @@ export {
   pl as replaceSnapshotTopic,
   fl as replaceSnapshotTrashItem,
   Nn as resolveFileItemIcon,
+  ed as resolveFloatingWindowViewport,
   Jn as resolveSurfaceInteractionTargetRole,
   sa as resolveSurfacePortalBoundaryRect,
   pa as resolveSurfacePortalHost,
@@ -722,7 +724,7 @@ export {
   Pp as snapToGrid,
   wf as springConfig,
   $a as startHotInteraction,
-  ed as startPointerSession,
+  rd as startPointerSession,
   gt as submitTerminalSession,
   s as syncThemeTokenOverrides,
   yt as terminalCommandTokenSuggestionProvider,
@@ -734,8 +736,8 @@ export {
   nf as terminateMarkdownWorker,
   pf as terminateMermaidWorker,
   Cf as terminateShikiWorker,
-  rd as useAttachments,
-  nd as useAutoScroll,
+  nd as useAttachments,
+  ad as useAutoScroll,
   si as useChatContext,
   Sf as useCodeHighlight,
   yi as useCommand,
@@ -743,27 +745,27 @@ export {
   Mi as useComponentContextFactory,
   Ni as useComponentRegistry,
   fp as useCurrentWidgetId,
-  ad as useDebounce,
+  md as useDebounce,
   Fa as useDeck,
-  md as useDeckDrag,
+  sd as useDeckDrag,
   fc as useFileBrowser,
   lc as useFileBrowserDrag,
-  sd as useFileBrowserDropTarget,
-  pd as useFileBrowserItemDrag,
+  fd as useFileBrowserDropTarget,
+  dd as useFileBrowserItemDrag,
   ji as useFloeConfig,
   Xc as useFormSubmitting,
-  dd as useKeybind,
+  Id as useKeybind,
   Tm as useLayout,
-  Id as useMediaQuery,
+  Cd as useMediaQuery,
   ff as useMermaid,
   _l as useNotification,
   wi as useOptionalComponentRegistry,
-  Cd as usePersisted,
-  gd as useResizeObserver,
+  gd as usePersisted,
+  hd as useResizeObserver,
   qi as useResolvedFloeConfig,
   ws as useTheme,
   qs as useViewActivation,
-  hd as useVirtualList,
+  Fd as useVirtualList,
   cp as useWidgetRegistry,
   dp as useWidgetState,
   Tp as useWidgetStateContext,

package/dist/ui.js

@@ -1,20 +1,20 @@
 import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
-import { AnimatedBorderCard as T, Card as c, CardContent as C, CardDescription as l, CardFooter as E, CardHeader as p, CardTitle as m, Interactive3DCard as _, MorphCard as s, NeonCard as f } from "./components/ui/Card.js";
+import { AnimatedBorderCard as T, Card as c, CardContent as C, CardDescription as l, CardFooter as p, CardHeader as E, CardTitle as m, Interactive3DCard as s, MorphCard as _, NeonCard as f } from "./components/ui/Card.js";
 import { AreaChart as S, DataBarChart as R, DataPieChart as x, LineChart as d, MonitoringChart as L } from "./components/ui/Charts.js";
-import { Button as F } from "./components/ui/Button.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as g, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as O, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as P, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as h, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as v, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as B, WORKBENCH_WIDGET_SHELL_ATTR as k, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as H, resolveSurfaceWheelRouting as b, resolveWorkbenchWidgetEventOwnership as G, resolveWorkbenchWidgetLocalTypingTarget as K, resolveWorkbenchWidgetTextSelectionTarget as M, shouldActivateWorkbenchWidgetLocalTarget as V } from "./components/ui/localInteractionSurface.js";
+import { Button as u } from "./components/ui/Button.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as I, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as O, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as P, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as h, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as v, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as B, WORKBENCH_WIDGET_SHELL_ATTR as k, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as H, resolveSurfaceWheelRouting as b, resolveWorkbenchWidgetEventOwnership as w, resolveWorkbenchWidgetLocalTypingTarget as G, resolveWorkbenchWidgetTextSelectionTarget as V, shouldActivateWorkbenchWidgetLocalTarget as K } from "./components/ui/localInteractionSurface.js";
 import { Checkbox as y, CheckboxGroup as j, CheckboxList as z } from "./components/ui/Checkbox.js";
 import { CircularProgress as Y, LinearProgress as Q, SegmentedProgress as Z, StepsProgress as q } from "./components/ui/Progress.js";
 import { CommandPalette as $ } from "./components/ui/CommandPalette.js";
 import { ConfirmDialog as or, Dialog as er } from "./components/ui/Dialog.js";
-import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as Tr, __resetSurfacePortalScopeForTests as cr, ensureSurfacePortalInteractionTracking as Cr, isSurfacePortalMode as lr, projectSurfacePortalPosition as Er, projectSurfacePortalRect as pr, resolveSurfacePortalBoundaryRect as mr, resolveSurfacePortalHost as _r, resolveSurfacePortalMount as sr, resolveSurfacePortalMountRect as fr } from "./components/ui/dialogSurfaceScope.js";
+import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as Tr, __resetSurfacePortalScopeForTests as cr, ensureSurfacePortalInteractionTracking as Cr, isSurfacePortalMode as lr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as Er, resolveSurfacePortalBoundaryRect as mr, resolveSurfacePortalHost as sr, resolveSurfacePortalMount as _r, resolveSurfacePortalMountRect as fr } from "./components/ui/dialogSurfaceScope.js";
 import { DirectoryInput as Sr } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as xr } from "./components/ui/DirectoryPicker.js";
-import { Dropdown as Lr, Select as ur } from "./components/ui/Dropdown.js";
-import { ErrorBlock as Ir, HighlightBlock as gr, InfoBlock as Or, NoteBlock as Wr, SuccessBlock as Pr, TipBlock as Dr, WarningBlock as Nr } from "./components/ui/HighlightBlock.js";
+import { Dropdown as Lr, Select as Fr } from "./components/ui/Dropdown.js";
+import { ErrorBlock as gr, HighlightBlock as Ir, InfoBlock as Or, NoteBlock as Wr, SuccessBlock as Pr, TipBlock as Dr, WarningBlock as Nr } from "./components/ui/HighlightBlock.js";
 import { FileSavePicker as vr } from "./components/ui/FileSavePicker.js";
 import { FloatingWindow as kr } from "./components/ui/FloatingWindow.js";
-import { Form as Hr, FormActions as br, FormControl as Gr, FormDescription as Kr, FormDivider as Mr, FormField as Vr, FormLabel as wr, FormMessage as yr, FormRow as jr, FormSection as zr, useFormSubmitting as Xr } from "./components/ui/Form.js";
+import { Form as Hr, FormActions as br, FormControl as wr, FormDescription as Gr, FormDivider as Vr, FormField as Kr, FormLabel as Mr, FormMessage as yr, FormRow as jr, FormSection as zr, useFormSubmitting as Xr } from "./components/ui/Form.js";
 import { InfiniteCanvas as Qr } from "./components/ui/InfiniteCanvas.js";
 import { MobileKeyboard as qr } from "./components/ui/MobileKeyboard.js";
 import { Pagination as $r } from "./components/ui/Pagination.js";
@@ -22,25 +22,26 @@ import { ProcessingIndicator as oo } from "./components/ui/ProcessingIndicator.j
 import { QuoteBlock as to } from "./components/ui/QuoteBlock.js";
 import { RadioGroup as io, RadioList as no, RadioOption as To } from "./components/ui/Radio.js";
 import { SegmentedControl as Co } from "./components/ui/SegmentedControl.js";
-import { Stepper as Eo, Wizard as po, useWizard as mo } from "./components/ui/Stepper.js";
-import { SurfaceFloatingLayer as so } from "./components/ui/SurfaceFloatingLayer.js";
+import { Stepper as po, Wizard as Eo, useWizard as mo } from "./components/ui/Stepper.js";
+import { SurfaceFloatingLayer as _o } from "./components/ui/SurfaceFloatingLayer.js";
 import { Switch as Ao } from "./components/ui/Switch.js";
 import { TabPanel as Ro, Tabs as xo } from "./components/ui/Tabs.js";
-import { Tag as uo } from "./components/ui/Tag.js";
-import { Tooltip as Io } from "./components/ui/Tooltip.js";
+import { Tag as Fo } from "./components/ui/Tag.js";
+import { Tooltip as go } from "./components/ui/Tooltip.js";
 import { clientToCanvasLocal as Oo, clientToCanvasWorld as Wo, createViewportFromZoomAnchor as Po, isPointInsideCanvasRect as Do, localToCanvasWorld as No } from "./components/ui/canvasGeometry.js";
-import { startPointerSession as vo } from "./components/ui/pointerSession.js";
+import { resolveFloatingWindowViewport as vo } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as ko } from "./components/ui/pointerSession.js";
 export {
   e as AffixInput,
   T as AnimatedBorderCard,
   S as AreaChart,
-  F as Button,
-  g as CANVAS_WHEEL_INTERACTIVE_ATTR,
+  u as Button,
+  I as CANVAS_WHEEL_INTERACTIVE_ATTR,
   c as Card,
   C as CardContent,
   l as CardDescription,
-  E as CardFooter,
-  p as CardHeader,
+  p as CardFooter,
+  E as CardHeader,
   m as CardTitle,
   y as Checkbox,
   j as CheckboxGroup,
@@ -61,30 +62,30 @@ export {
   Sr as DirectoryInput,
   xr as DirectoryPicker,
   Lr as Dropdown,
-  Ir as ErrorBlock,
+  gr as ErrorBlock,
   vr as FileSavePicker,
   kr as FloatingWindow,
   Hr as Form,
   br as FormActions,
-  Gr as FormControl,
-  Kr as FormDescription,
-  Mr as FormDivider,
-  Vr as FormField,
-  wr as FormLabel,
+  wr as FormControl,
+  Gr as FormDescription,
+  Vr as FormDivider,
+  Kr as FormField,
+  Mr as FormLabel,
   yr as FormMessage,
   jr as FormRow,
   zr as FormSection,
-  gr as HighlightBlock,
+  Ir as HighlightBlock,
   Qr as InfiniteCanvas,
   Or as InfoBlock,
   t as Input,
-  _ as Interactive3DCard,
+  s as Interactive3DCard,
   h as LOCAL_INTERACTION_SURFACE_ATTR,
   d as LineChart,
   Q as LinearProgress,
   qr as MobileKeyboard,
   L as MonitoringChart,
-  s as MorphCard,
+  _ as MorphCard,
   f as NeonCard,
   Wr as NoteBlock,
   a as NumberInput,
@@ -98,23 +99,23 @@ export {
   Tr as SURFACE_PORTAL_LAYER_ATTR,
   Co as SegmentedControl,
   Z as SegmentedProgress,
-  ur as Select,
-  Eo as Stepper,
+  Fr as Select,
+  po as Stepper,
   q as StepsProgress,
   Pr as SuccessBlock,
-  so as SurfaceFloatingLayer,
+  _o as SurfaceFloatingLayer,
   Ao as Switch,
   Ro as TabPanel,
   xo as Tabs,
-  uo as Tag,
+  Fo as Tag,
   i as Textarea,
   Dr as TipBlock,
-  Io as Tooltip,
+  go as Tooltip,
   v as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
   B as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
   k as WORKBENCH_WIDGET_SHELL_ATTR,
   Nr as WarningBlock,
-  po as Wizard,
+  Eo as Wizard,
   cr as __resetSurfacePortalScopeForTests,
   Oo as clientToCanvasLocal,
   Wo as clientToCanvasWorld,
@@ -124,19 +125,20 @@ export {
   Do as isPointInsideCanvasRect,
   lr as isSurfacePortalMode,
   No as localToCanvasWorld,
-  Er as projectSurfacePortalPosition,
-  pr as projectSurfacePortalRect,
+  pr as projectSurfacePortalPosition,
+  Er as projectSurfacePortalRect,
+  vo as resolveFloatingWindowViewport,
   H as resolveSurfaceInteractionTargetRole,
   mr as resolveSurfacePortalBoundaryRect,
-  _r as resolveSurfacePortalHost,
-  sr as resolveSurfacePortalMount,
+  sr as resolveSurfacePortalHost,
+  _r as resolveSurfacePortalMount,
   fr as resolveSurfacePortalMountRect,
   b as resolveSurfaceWheelRouting,
-  G as resolveWorkbenchWidgetEventOwnership,
-  K as resolveWorkbenchWidgetLocalTypingTarget,
-  M as resolveWorkbenchWidgetTextSelectionTarget,
-  V as shouldActivateWorkbenchWidgetLocalTarget,
-  vo as startPointerSession,
+  w as resolveWorkbenchWidgetEventOwnership,
+  G as resolveWorkbenchWidgetLocalTypingTarget,
+  V as resolveWorkbenchWidgetTextSelectionTarget,
+  K as shouldActivateWorkbenchWidgetLocalTarget,
+  ko as startPointerSession,
   Xr as useFormSubmitting,
   mo as useWizard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.41",
+  "version": "0.36.42",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",