@floegence/floe-webapp-core 0.86.1 → 0.86.4

package/dist/components/ui/FloatingWindow.js

@@ -1,10 +1,10 @@
-import { createComponent as l, Portal as Ke, spread as Pe, mergeProps as Re, memo as W, insert as c, effect as f, setAttribute as et, addEventListener as p, className as w, template as a, use as Ae, delegateEvents as tt } from "solid-js/web";
+import { createComponent as l, Portal as Ke, spread as Ie, mergeProps as Re, memo as W, insert as c, effect as f, setAttribute as et, addEventListener as p, className as w, template as a, use as Ce, delegateEvents as tt } from "solid-js/web";
 import { createSignal as g, createUniqueId as nt, onCleanup as F, onMount as it, createEffect as z, untrack as q, Show as m, batch as ne } from "solid-js";
-import { cn as Y } from "../../utils/cn.js";
+import { cn as X } from "../../utils/cn.js";
 import { useOptionalLayout as ot } from "../../context/LayoutContext.js";
 import { useResolvedFloeConfig as rt } from "../../context/FloeConfigContext.js";
 import { useMediaQuery as lt } from "../../hooks/useMediaQuery.js";
-import { Button as Ce } from "./Button.js";
+import { Button as Ae } from "./Button.js";
 import { Restore as at, Maximize as st, X as dt } from "../icons/index.js";
 import { startHotInteraction as ct } from "../../utils/hotInteraction.js";
 import { startPointerSession as ut } from "./pointerSession.js";
@@ -13,34 +13,34 @@ import { observeViewport as wt } from "../../viewport.js";
 import { createFloatingPresence as gt } from "./floatingPresence.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as Ee } from "./localInteractionSurface.js";
 import { resolveFloatingBoundary as mt } from "./surfaceFloatingBoundary.js";
-import { SURFACE_PORTAL_LAYER_ATTR as vt, resolveSurfacePortalHost as xt, SURFACE_FLOATING_LAYER_ATTR as yt } from "./dialogSurfaceScope.js";
-var bt = /* @__PURE__ */ a("<span hidden>"), pt = /* @__PURE__ */ a('<span data-floe-floating-window-title-icon=true aria-hidden=true class="flex size-4 shrink-0 items-center justify-center">'), zt = /* @__PURE__ */ a('<h2 class="flex min-w-0 items-center gap-2 text-xs leading-none font-medium select-none"><span class="min-w-0 truncate">'), $t = /* @__PURE__ */ a('<div data-floe-floating-window-header-actions=true class="flex shrink-0 cursor-default items-center gap-1"><span aria-hidden=true class="mx-2 h-4 w-px shrink-0 bg-border">'), _t = /* @__PURE__ */ a('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), St = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), It = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), Pt = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), Rt = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), At = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Ct = /* @__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>"), Ft = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), kt = /* @__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 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
-function Qt(n) {
-  const oe = () => n.resizable ?? !0, N = () => n.maximizable ?? !0, re = () => n.draggable ?? !0, le = () => n.minSize ?? {
+import { SURFACE_PORTAL_LAYER_ATTR as vt, resolveSurfacePortalHost as xt } from "./dialogSurfaceScope.js";
+var yt = /* @__PURE__ */ a("<span hidden>"), bt = /* @__PURE__ */ a('<span data-floe-floating-window-title-icon=true aria-hidden=true class="flex size-4 shrink-0 items-center justify-center">'), pt = /* @__PURE__ */ a('<h2 class="flex min-w-0 items-center gap-2 text-xs leading-none font-medium select-none"><span class="min-w-0 truncate">'), zt = /* @__PURE__ */ a('<div data-floe-floating-window-header-actions=true class="flex shrink-0 cursor-default items-center gap-1"><span aria-hidden=true class="mx-2 h-4 w-px shrink-0 bg-border">'), $t = /* @__PURE__ */ a('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), _t = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), St = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), Pt = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), It = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), Rt = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Ct = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), At = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), Et = /* @__PURE__ */ a("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), Ft = /* @__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 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
+function Gt(n) {
+  const oe = () => n.resizable ?? !0, Y = () => n.maximizable ?? !0, re = () => n.draggable ?? !0, le = () => n.minSize ?? {
     width: 200,
     height: 150
   }, ae = () => n.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
   };
-  let X;
-  const [k, Fe] = g(), [A, ke] = g({
+  let H;
+  const [k, Fe] = g(), [C, ke] = g({
     x: 0,
     y: 0,
     width: 0,
     height: 0
   }, {
     equals: (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height
-  }), [H, Le] = g(!0), h = () => !!(n.compactBelow && A().width < n.compactBelow), S = () => n.viewportInsets, I = () => k()?.fixedScale ?? 1, U = (e) => ({
-    x: (e.x + (k()?.fixedOffset.left ?? 0)) / I(),
-    y: (e.y + (k()?.fixedOffset.top ?? 0)) / I()
-  }), Me = () => n.zIndex ?? 100, Te = nt(), Oe = ot(), Be = rt(), L = Oe?.isMobile ?? lt(() => Be.config.layout.mobileQuery), se = 16, de = () => `floating-window-${Te}-title`, [V, De] = g(n.defaultPosition ?? {
+  }), [N, Me] = g(!0), h = () => !!(n.compactBelow && C().width < n.compactBelow), S = () => n.viewportInsets, P = () => k()?.fixedScale ?? 1, V = (e) => ({
+    x: (e.x + (k()?.fixedOffset.left ?? 0)) / P(),
+    y: (e.y + (k()?.fixedOffset.top ?? 0)) / P()
+  }), Le = () => n.zIndex ?? 100, Oe = nt(), Be = ot(), De = rt(), M = Be?.isMobile ?? lt(() => De.config.layout.mobileQuery), se = 16, de = () => `floating-window-${Oe}-title`, [j, Te] = g(n.defaultPosition ?? {
     x: 0,
     y: 0
-  }), [j, We] = g(n.defaultSize ?? {
+  }), [U, We] = g(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, ce] = g(!1), [M, ue] = g(!1), [T, fe] = g(!1), [qe, G] = g(!1), P = gt({
+  }), [d, ce] = g(!1), [L, ue] = g(!1), [O, fe] = g(!1), [qe, G] = g(!1), I = gt({
     open: () => n.open
   });
   let he = {
@@ -59,10 +59,10 @@ function Qt(n) {
     y: 0,
     width: 0,
     height: 0
-  }, ve = "se", s, u = null, O, v = null, C = {
+  }, ve = "se", s, u = null, B, v = null, A = {
     x: 0,
     y: 0
-  }, R = null, B = null, Q = !1, $ = {
+  }, R = null, D = null, Q = !1, $ = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
@@ -74,12 +74,12 @@ function Qt(n) {
     x = {
       ...e
     };
-    const t = ie(A(), S());
+    const t = ie(C(), S());
     _ = {
       x: t.width > e.width ? (e.x - t.x) / (t.width - e.width) : _?.x ?? 0.5,
       y: t.height > e.height ? (e.y - t.y) / (t.height - e.height) : _?.y ?? 0.5
     };
-  }, Ye = {
+  }, Xe = {
     n: "ns-resize",
     s: "ns-resize",
     e: "ew-resize",
@@ -90,20 +90,20 @@ function Qt(n) {
     sw: "nesw-resize"
   }, Z = (e, t) => {
     if (!e) {
-      B?.(), B = null;
+      D?.(), D = null;
       return;
     }
-    B?.(), B = ct({
+    D?.(), D = ct({
       kind: v === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
   }, ye = (e) => {
     if ($ = e, !s) return;
-    const t = U(e);
-    s.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, s.style.width = `${e.width / I()}px`, s.style.height = `${e.height / I()}px`;
-  }, Ne = () => {
-    const e = V(), t = j();
+    const t = V(e);
+    s.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, s.style.width = `${e.width / P()}px`, s.style.height = `${e.height / P()}px`;
+  }, Ye = () => {
+    const e = j(), t = U();
     return {
       x: e.x,
       y: e.y,
@@ -111,27 +111,27 @@ function Qt(n) {
       height: t.height
     };
   }, J = (e) => {
-    $ = e, De((t) => t.x === e.x && t.y === e.y ? t : {
+    $ = e, Te((t) => t.x === e.x && t.y === e.y ? t : {
       x: e.x,
       y: e.y
     }), We((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
-  }, Xe = () => {
+  }, He = () => {
     try {
       s?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, He = (e) => {
+  }, Ne = (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;
-  }, K = (e) => !!s && e instanceof Node && s.contains(e), Ue = (e) => {
-    const o = (e instanceof Element ? e : null)?.closest('[role="menu"]')?.closest(`[${yt}="true"]`);
+  }, K = (e) => !!s && e instanceof Node && s.contains(e), Ve = (e) => {
+    const o = (e instanceof Element ? e : null)?.closest('[role="menu"], [role="dialog"]')?.closest('[data-floe-surface-floating-layer="true"]');
     return !!(o && s?.contains(o));
-  }, Ve = () => {
+  }, je = () => {
     if (!s) return null;
     const e = s.getBoundingClientRect();
     return {
@@ -143,7 +143,7 @@ function Qt(n) {
   }, be = () => {
     n.open && (u === null || v === null || typeof window > "u" || ye(ht({
       mode: v,
-      pointer: C,
+      pointer: A,
       dragStartPos: he,
       dragStartRect: we,
       resizeStartPos: ge,
@@ -151,14 +151,14 @@ function Qt(n) {
       resizeHandle: ve,
       minSize: le(),
       maxSize: ae(),
-      viewport: A(),
+      viewport: C(),
       viewportInsets: S(),
-      mobile: L(),
+      mobile: M(),
       mobilePadding: se
     })));
   }, E = (e) => {
     if (typeof window > "u") return;
-    const t = A();
+    const t = C();
     if (d() || h()) {
       J(ie(t, S()));
       return;
@@ -169,7 +169,7 @@ function Qt(n) {
       maxSize: ae(),
       viewport: t,
       viewportInsets: S(),
-      mobile: n.boundary === void 0 && L(),
+      mobile: n.boundary === void 0 && M(),
       mobilePadding: se,
       center: e?.center ?? !1
     });
@@ -190,7 +190,7 @@ function Qt(n) {
     }
   }, pe = (e) => {
     R !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(R), R = null), e && be();
-    const t = e ? Ve() ?? $ : null;
+    const t = e ? je() ?? $ : null;
     ne(() => {
       if (t) {
         J(t);
@@ -201,9 +201,9 @@ function Qt(n) {
         xe(t), v === "drag" && Object.assign(x, r);
       }
       u = null, v = null, ue(!1), fe(!1);
-    }), Z(!1, ""), O = void 0;
+    }), Z(!1, ""), B = void 0;
   }, ee = (e = !1) => {
-    O ? O.stop({
+    B ? B.stop({
       commit: e
     }) : pe(e);
   };
@@ -213,10 +213,10 @@ function Qt(n) {
         boundaryHost: null,
         mode: "global"
       } : xt({
-        owner: X
+        owner: H
       }), o = mt(r, n.boundary, t?.safeArea);
       ne(() => {
-        Le(!!(o && o.width > 16 && o.height > 16)), ke(o ? {
+        Me(!!(o && o.width > 16 && o.height > 16)), ke(o ? {
           x: o.left,
           y: o.top,
           width: o.width,
@@ -245,7 +245,7 @@ function Qt(n) {
     });
   }), z(() => {
     if (!n.open) return;
-    L();
+    M();
     const e = !Q && !n.defaultPosition, t = () => {
       E({
         center: e
@@ -257,11 +257,11 @@ function Qt(n) {
     }
     requestAnimationFrame(t);
   }), z(() => {
-    S(), A(), h(), !(!n.open || !Q || u !== null) && q(() => E({
+    S(), C(), h(), !(!n.open || !Q || u !== null) && q(() => E({
       center: !1
     }));
   }), z(() => {
-    N() || !d() || q(() => {
+    Y() || !d() || q(() => {
       ce(!1), E({
         center: !1
       });
@@ -271,7 +271,7 @@ function Qt(n) {
     const e = (t) => {
       if (t.key !== "Escape") return;
       const r = typeof document < "u" ? document.activeElement : null;
-      !K(t.target) && !K(r) || Ue(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
+      !K(t.target) && !K(r) || Ve(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
     };
     document.addEventListener("keydown", e, !0), F(() => document.removeEventListener("keydown", e, !0));
   }), z(() => {
@@ -294,16 +294,16 @@ function Qt(n) {
     });
   }), z(() => {
     if (!n.open) return;
-    const e = Ne();
+    const e = Ye();
     u === null ? ye(e) : $ = e;
   });
-  const je = (e) => {
+  const Ue = (e) => {
     !re() || d() || h() || u !== null || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"], [data-floe-floating-window-header-actions]') || (e.preventDefault(), u = e.pointerId, v = "drag", ue(!0), he = {
       x: e.clientX,
       y: e.clientY
     }, we = {
       ...$
-    }, C = {
+    }, A = {
       x: e.clientX,
       y: e.clientY
     }, Z(!0, "grabbing"), $e(e));
@@ -313,14 +313,14 @@ function Qt(n) {
       y: t.clientY
     }, me = {
       ...$
-    }, C = {
+    }, A = {
       x: t.clientX,
       y: t.clientY
-    }, Z(!0, Ye[e]), $e(t));
+    }, Z(!0, Xe[e]), $e(t));
   }, ze = () => {
     R = null, be();
   }, Ge = (e) => {
-    if (!(u === null || e.pointerId !== u) && v !== null && (C = {
+    if (!(u === null || e.pointerId !== u) && v !== null && (A = {
       x: e.clientX,
       y: e.clientY
     }, R === null)) {
@@ -331,7 +331,7 @@ function Qt(n) {
       R = requestAnimationFrame(ze);
     }
   }, $e = (e) => {
-    O = ut({
+    B = ut({
       pointerEvent: e,
       captureEl: s,
       onMove: Ge,
@@ -340,19 +340,19 @@ function Qt(n) {
         reason: r,
         snapshot: o
       }) => {
-        C = {
+        A = {
           x: o.latestClientX,
           y: o.latestClientY
         }, pe(t || r === "pointer_cancel");
       }
     });
   }, _e = () => {
-    !N() || h() || (u !== null && ee(!0), ce(!d()), E());
+    !Y() || h() || (u !== null && ee(!0), ce(!d()), E());
   }, Qe = (e) => {
     e.target?.closest("button, [data-floe-floating-window-header-actions]") || _e();
   }, Ze = (e) => {
-    He(e.target) && Xe();
-  }, b = (e) => Y("absolute z-10", {
+    Ne(e.target) && He();
+  }, b = (e) => X("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",
@@ -363,25 +363,25 @@ function Qt(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = bt(), t = X;
-    return typeof t == "function" ? Ae(t, e) : X = e, e;
+    var e = yt(), t = H;
+    return typeof t == "function" ? Ce(t, e) : H = e, e;
   })(), l(m, {
     get when() {
-      return P.mounted();
+      return I.mounted();
     },
     get children() {
       return l(Ke, {
         get children() {
-          var e = kt(), t = e.firstChild, r = t.firstChild, o = r.firstChild, te = o.nextSibling, Je = r.nextSibling, Se = s;
-          return typeof Se == "function" ? Ae(Se, e) : s = e, Pe(e, Re({
+          var e = Ft(), t = e.firstChild, r = t.firstChild, o = r.firstChild, te = o.nextSibling, Je = r.nextSibling, Se = s;
+          return typeof Se == "function" ? Ce(Se, e) : s = e, Ie(e, Re({
             get "data-floating-presence"() {
-              return P.state();
+              return I.state();
             },
             get "aria-hidden"() {
-              return P.exiting() || !H() ? "true" : void 0;
+              return I.exiting() || !N() ? "true" : void 0;
             },
             get inert() {
-              return P.exiting() || !H();
+              return I.exiting() || !N();
             },
             get "data-floe-floating-window-compact"() {
               return h() ? "true" : void 0;
@@ -390,16 +390,16 @@ function Qt(n) {
             [Ee]: "true"
           }, {
             get class() {
-              return Y("fixed left-0 top-0 z-[100] flex flex-col", (M() || T()) && "select-none", P.exiting() && "pointer-events-none");
+              return X("fixed left-0 top-0 z-[100] flex flex-col", (L() || O()) && "select-none", I.exiting() && "pointer-events-none");
             },
             get style() {
               return {
-                visibility: H() ? void 0 : "hidden",
-                width: `${j().width / I()}px`,
-                height: `${j().height / I()}px`,
-                transform: `translate3d(${U(V()).x}px, ${U(V()).y}px, 0)`,
-                "z-index": Me(),
-                "will-change": M() ? "transform" : T() ? "transform, width, height" : void 0
+                visibility: N() ? void 0 : "hidden",
+                width: `${U().width / P()}px`,
+                height: `${U().height / P()}px`,
+                transform: `translate3d(${V(j()).x}px, ${V(j()).y}px, 0)`,
+                "z-index": Le(),
+                "will-change": L() ? "transform" : O() ? "transform, width, height" : void 0
               };
             },
             role: "dialog",
@@ -408,13 +408,13 @@ function Qt(n) {
             },
             tabIndex: -1,
             onPointerDown: Ze
-          }), !1, !0), Pe(t, Re({
+          }), !1, !0), Ie(t, Re({
             [vt]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
             get "data-floe-surface-interacting"() {
-              return M() || T() ? "true" : void 0;
+              return L() || O() ? "true" : void 0;
             },
             get "data-floe-floating-window-state"() {
               return qe() ? "active" : "inactive";
@@ -423,7 +423,7 @@ function Qt(n) {
             [Ee]: "true"
           }, {
             get class() {
-              return Y("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (M() || T()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
+              return X("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (L() || O()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
             },
             get style() {
               return {
@@ -431,38 +431,38 @@ function Qt(n) {
               };
             },
             get "data-floating-presence"() {
-              return P.state();
+              return I.state();
             }
-          }), !1, !0), r.$$dblclick = Qe, r.$$pointerdown = je, c(o, l(m, {
+          }), !1, !0), r.$$dblclick = Qe, r.$$pointerdown = Ue, c(o, l(m, {
             get when() {
               return n.title;
             },
             get children() {
-              var i = zt(), D = i.firstChild;
+              var i = pt(), T = i.firstChild;
               return c(i, l(m, {
                 get when() {
                   return n.titleIcon;
                 },
                 get children() {
-                  var Ie = pt();
-                  return c(Ie, () => n.titleIcon), Ie;
+                  var Pe = bt();
+                  return c(Pe, () => n.titleIcon), Pe;
                 }
-              }), D), c(D, () => n.title), f(() => et(i, "id", de())), i;
+              }), T), c(T, () => n.title), f(() => et(i, "id", de())), i;
             }
           })), c(r, l(m, {
             get when() {
               return n.headerActions;
             },
             get children() {
-              var i = $t(), D = i.firstChild;
-              return c(i, () => n.headerActions, D), i;
+              var i = zt(), T = i.firstChild;
+              return c(i, () => n.headerActions, T), i;
             }
           }), te), c(te, l(m, {
             get when() {
-              return W(() => !!N())() && !h();
+              return W(() => !!Y())() && !h();
             },
             get children() {
-              return l(Ce, {
+              return l(Ae, {
                 variant: "ghost",
                 size: "icon",
                 "data-floe-floating-window-control": "maximize",
@@ -492,7 +492,7 @@ function Qt(n) {
                 }
               });
             }
-          }), null), c(te, l(Ce, {
+          }), null), c(te, l(Ae, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -513,7 +513,7 @@ function Qt(n) {
               return n.footer;
             },
             get children() {
-              var i = _t();
+              var i = $t();
               return c(i, () => n.footer), i;
             }
           }), null), c(t, l(m, {
@@ -522,39 +522,39 @@ function Qt(n) {
             },
             get children() {
               return [(() => {
-                var i = St();
+                var i = _t();
                 return p(i, "pointerdown", y("n"), !0), f(() => w(i, b("n"))), i;
               })(), (() => {
-                var i = It();
+                var i = St();
                 return p(i, "pointerdown", y("s"), !0), f(() => w(i, b("s"))), i;
               })(), l(m, {
                 get when() {
-                  return !L();
+                  return !M();
                 },
                 get children() {
                   return [(() => {
                     var i = Pt();
                     return p(i, "pointerdown", y("e"), !0), f(() => w(i, b("e"))), i;
                   })(), (() => {
-                    var i = Rt();
+                    var i = It();
                     return p(i, "pointerdown", y("w"), !0), f(() => w(i, b("w"))), i;
                   })(), (() => {
-                    var i = At();
+                    var i = Rt();
                     return p(i, "pointerdown", y("ne"), !0), f(() => w(i, b("ne"))), i;
                   })(), (() => {
                     var i = Ct();
                     return p(i, "pointerdown", y("nw"), !0), f(() => w(i, b("nw"))), i;
                   })(), (() => {
-                    var i = Et();
+                    var i = At();
                     return p(i, "pointerdown", y("se"), !0), f(() => w(i, b("se"))), i;
                   })(), (() => {
-                    var i = Ft();
+                    var i = Et();
                     return p(i, "pointerdown", y("sw"), !0), f(() => w(i, b("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), null), f(() => w(r, Y("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", re() && !d() && !h() && "cursor-move"))), e;
+          }), null), f(() => w(r, X("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", re() && !d() && !h() && "cursor-move"))), e;
         }
       });
     }
@@ -562,5 +562,5 @@ function Qt(n) {
 }
 tt(["pointerdown", "dblclick"]);
 export {
-  Qt as FloatingWindow
+  Gt as FloatingWindow
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.86.1",
+  "version": "0.86.4",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",