@floegence/floe-webapp-core 0.52.12 → 0.52.13

package/dist/components/ui/FloatingWindow.js

@@ -1,18 +1,18 @@
-import { createComponent as l, Portal as Ve, spread as pe, mergeProps as $e, memo as J, insert as c, effect as f, setAttribute as Ge, addEventListener as y, className as w, template as s, use as _e, delegateEvents as Je } from "solid-js/web";
-import { createSignal as g, createUniqueId as Ze, onCleanup as C, onMount as Ke, createEffect as P, Show as x, batch as Ie, untrack as Qe } from "solid-js";
-import { cn as D } from "../../utils/cn.js";
+import { createComponent as l, Portal as Ve, spread as pe, mergeProps as $e, memo as J, insert as u, effect as f, setAttribute as Ge, addEventListener as b, className as w, template as s, use as _e, delegateEvents as Je } from "solid-js/web";
+import { createSignal as g, createUniqueId as Ze, onCleanup as C, onMount as Ke, createEffect as R, Show as z, batch as Se, untrack as Qe } from "solid-js";
+import { cn as B } from "../../utils/cn.js";
 import { useLayout as et } from "../../context/LayoutContext.js";
-import { Button as Se } from "./Button.js";
+import { Button as Ie } from "./Button.js";
 import { Restore as tt, Maximize as nt, X as it } from "../icons/index.js";
 import { startHotInteraction as ot } from "../../utils/hotInteraction.js";
 import { startPointerSession as rt } from "./pointerSession.js";
 import { resolveFloatingWindowViewport as Z, normalizeFloatingWindowRect as lt, resolveFloatingWindowRect as at } from "./floatingWindowGeometry.js";
 import { createFloatingPresence as st } from "./floatingPresence.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as Pe } from "./localInteractionSurface.js";
-import { readSurfaceSafeArea as dt, resolveFloatingBoundary as ut } from "./surfaceFloatingBoundary.js";
-import { SURFACE_PORTAL_LAYER_ATTR as ct, resolveSurfacePortalHost as ft, SURFACE_FLOATING_LAYER_ATTR as ht } from "./dialogSurfaceScope.js";
-var wt = /* @__PURE__ */ s("<span hidden>"), gt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), mt = /* @__PURE__ */ s('<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">'), vt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), yt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), xt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), It = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), St = /* @__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 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 Ot(n) {
+import { readSurfaceSafeArea as dt, resolveFloatingBoundary as ct } from "./surfaceFloatingBoundary.js";
+import { SURFACE_PORTAL_LAYER_ATTR as ut, resolveSurfacePortalHost as ft, SURFACE_FLOATING_LAYER_ATTR as ht } from "./dialogSurfaceScope.js";
+var wt = /* @__PURE__ */ s("<span hidden>"), gt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), mt = /* @__PURE__ */ s('<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">'), vt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), yt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), xt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), St = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), It = /* @__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 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 Dt(n) {
   const K = () => n.resizable ?? !0, Q = () => n.draggable ?? !0, ee = () => n.minSize ?? {
     width: 200,
     height: 150
@@ -20,8 +20,8 @@ function Ot(n) {
     width: 1 / 0,
     height: 1 / 0
   };
-  let O;
-  const Re = dt(), [F, ne] = g({}), [Ae, ie] = g(1 / 0), [H, oe] = g(!0), h = () => !!(n.compactBelow && Ae() < n.compactBelow), $ = () => ({
+  let D;
+  const Re = dt(), [F, ne] = g({}), [Ae, ie] = g(1 / 0), [H, oe] = g(!0), h = () => !!(n.compactBelow && Ae() < n.compactBelow), _ = () => ({
     top: (F().top ?? 0) + (n.viewportInsets?.top ?? 0),
     right: (F().right ?? 0) + (n.viewportInsets?.right ?? 0),
     bottom: (F().bottom ?? 0) + (n.viewportInsets?.bottom ?? 0),
@@ -32,19 +32,19 @@ function Ot(n) {
   }), [Y, ke] = g(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [u, Me] = g(!1), [k, ae] = g(!1), [M, se] = g(!1), [Te, q] = g(!1), _ = st({
+  }), [c, Me] = g(!1), [k, ae] = g(!1), [M, se] = g(!1), [Te, q] = g(!1), S = st({
     open: () => n.open,
     exitDurationMs: 120
   });
   let de = {
     x: 0,
     y: 0
-  }, ue = {
+  }, ce = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, ce = {
+  }, ue = {
     x: 0,
     y: 0
   }, fe = {
@@ -52,28 +52,28 @@ function Ot(n) {
     y: 0,
     width: 0,
     height: 0
-  }, he = "se", a, d = null, T, b = null, R = {
+  }, he = "se", a, d = null, T, m = null, A = {
     x: 0,
     y: 0
-  }, I = null, W = null, X = !1, z = {
+  }, I = null, W = null, X = !1, p = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
     height: n.defaultSize?.height ?? 300
-  }, A = {
-    ...z
-  }, p;
+  }, v = {
+    ...p
+  }, $;
   const we = (e) => {
-    A = {
+    v = {
       ...e
     };
     const t = Z({
       width: window.innerWidth,
       height: window.innerHeight
-    }, $());
-    p = {
-      x: t.width > e.width ? (e.x - t.x) / (t.width - e.width) : p?.x ?? 0.5,
-      y: t.height > e.height ? (e.y - t.y) / (t.height - e.height) : p?.y ?? 0.5
+    }, _());
+    $ = {
+      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
     };
   }, We = {
     n: "ns-resize",
@@ -90,13 +90,13 @@ function Ot(n) {
       return;
     }
     W?.(), W = ot({
-      kind: b === "resize" ? "resize" : "drag",
+      kind: m === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
   }, ge = (e) => {
-    z = e, a && (a.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, a.style.width = `${e.width}px`, a.style.height = `${e.height}px`);
-  }, Be = () => {
+    p = e, a && (a.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, a.style.width = `${e.width}px`, a.style.height = `${e.height}px`);
+  }, Oe = () => {
     const e = N(), t = Y();
     return {
       x: e.x,
@@ -105,21 +105,21 @@ function Ot(n) {
       height: t.height
     };
   }, j = (e) => {
-    z = e, Le((t) => t.x === e.x && t.y === e.y ? t : {
+    p = e, Le((t) => t.x === e.x && t.y === e.y ? t : {
       x: e.x,
       y: e.y
     }), ke((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
-  }, De = () => {
+  }, Be = () => {
     try {
       a?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, Oe = (e) => {
+  }, De = (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;
   }, V = (e) => !!a && e instanceof Node && a.contains(e), He = (e) => {
@@ -135,12 +135,12 @@ function Ot(n) {
       height: e.height
     };
   }, me = () => {
-    n.open && (d === null || b === null || typeof window > "u" || ge(at({
-      mode: b,
-      pointer: R,
+    n.open && (d === null || m === null || typeof window > "u" || ge(at({
+      mode: m,
+      pointer: A,
       dragStartPos: de,
-      dragStartRect: ue,
-      resizeStartPos: ce,
+      dragStartRect: ce,
+      resizeStartPos: ue,
       resizeStartRect: fe,
       resizeHandle: he,
       minSize: ee(),
@@ -149,7 +149,7 @@ function Ot(n) {
         width: window.innerWidth,
         height: window.innerHeight
       },
-      viewportInsets: $(),
+      viewportInsets: _(),
       mobile: L(),
       mobilePadding: re
     })));
@@ -159,40 +159,48 @@ function Ot(n) {
       width: window.innerWidth,
       height: window.innerHeight
     };
-    if (u() || h()) {
-      j(Z(t, $()));
+    if (c() || h()) {
+      j(Z(t, _()));
       return;
     }
     let r = lt({
-      rect: A,
+      rect: v,
       minSize: ee(),
       maxSize: te(),
       viewport: t,
-      viewportInsets: $(),
+      viewportInsets: _(),
       mobile: n.boundary === void 0 && L(),
       mobilePadding: re,
       center: e?.center ?? !1
     });
-    if (n.boundary !== void 0 && p && !e?.center) {
-      const o = Z(t, $());
+    if (n.boundary !== void 0 && $ && !e?.center) {
+      const o = Z(t, _());
       r = {
         ...r,
-        x: o.x + p.x * Math.max(0, o.width - r.width),
-        y: o.y + p.y * Math.max(0, o.height - r.height)
+        x: o.x + $.x * Math.max(0, o.width - r.width),
+        y: o.y + $.y * Math.max(0, o.height - r.height)
       };
     }
-    if (j(r), !p) {
+    if (j(r), !$) {
       const o = {
-        width: A.width,
-        height: A.height
+        width: v.width,
+        height: v.height
       };
-      we(r), Object.assign(A, o);
+      we(r), Object.assign(v, o);
     }
   }, ve = (e) => {
     I !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(I), I = null), e && me();
-    const t = e ? Ne() ?? z : null;
-    Ie(() => {
-      t && (j(t), we(t)), d = null, b = null, ae(!1), se(!1);
+    const t = e ? Ne() ?? p : null;
+    Se(() => {
+      if (t) {
+        j(t);
+        const r = {
+          width: v.width,
+          height: v.height
+        };
+        we(t), m === "drag" && Object.assign(v, r);
+      }
+      d = null, m = null, ae(!1), se(!1);
     }), U(!1, ""), T = void 0;
   }, G = (e = !1) => {
     T ? T.stop({
@@ -203,16 +211,16 @@ function Ot(n) {
     let e = 0;
     const t = () => {
       if (n.boundary !== void 0) {
-        const o = ut(ft({
-          owner: O
-        }), n.boundary, Re), S = o ? {
+        const o = ct(ft({
+          owner: D
+        }), n.boundary, Re), P = o ? {
           top: o.top,
           left: o.left,
           right: window.innerWidth - o.right,
           bottom: window.innerHeight - o.bottom
         } : {};
-        Ie(() => {
-          oe(!!(o && o.width > 16 && o.height > 16)), ie(o?.width ?? 0), ne((B) => JSON.stringify(B) === JSON.stringify(S) ? B : S);
+        Se(() => {
+          oe(!!(o && o.width > 16 && o.height > 16)), ie(o?.width ?? 0), ne((O) => JSON.stringify(O) === JSON.stringify(P) ? O : P);
         });
       } else
         oe(!0), ie(window.innerWidth), ne((o) => Object.keys(o).length ? {} : o);
@@ -227,7 +235,7 @@ function Ot(n) {
       });
     };
     window.addEventListener("resize", r), C(() => window.removeEventListener("resize", r));
-  }), P(() => {
+  }), R(() => {
     if (!n.open) return;
     L();
     const e = !X && !n.defaultPosition, t = () => {
@@ -240,11 +248,11 @@ function Ot(n) {
       return;
     }
     requestAnimationFrame(t);
-  }), P(() => {
-    $(), h(), !(!n.open || !X || d !== null) && Qe(() => E({
+  }), R(() => {
+    _(), h(), !(!n.open || !X || d !== null) && Qe(() => E({
       center: !1
     }));
-  }), P(() => {
+  }), R(() => {
     if (!n.open) return;
     const e = (t) => {
       if (t.key !== "Escape") return;
@@ -252,13 +260,13 @@ function Ot(n) {
       !V(t.target) && !V(r) || He(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
     };
     document.addEventListener("keydown", e, !0), C(() => document.removeEventListener("keydown", e, !0));
-  }), P(() => {
+  }), R(() => {
     if (!n.open) {
       q(!1), G(!1);
       return;
     }
     q(!0);
-  }), P(() => {
+  }), R(() => {
     if (!n.open) return;
     const e = (o) => {
       q(V(o));
@@ -270,35 +278,35 @@ function Ot(n) {
     document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), C(() => {
       document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", r);
     });
-  }), P(() => {
+  }), R(() => {
     if (!n.open) return;
-    const e = Be();
-    d === null ? ge(e) : z = e;
+    const e = Oe();
+    d === null ? ge(e) : p = e;
   });
   const Ye = (e) => {
-    !Q() || u() || h() || d !== 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(), d = e.pointerId, b = "drag", ae(!0), de = {
+    !Q() || c() || h() || d !== 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(), d = e.pointerId, m = "drag", ae(!0), de = {
       x: e.clientX,
       y: e.clientY
-    }, ue = {
-      ...z
-    }, R = {
+    }, ce = {
+      ...p
+    }, A = {
       x: e.clientX,
       y: e.clientY
     }, U(!0, "grabbing"), xe(e));
-  }, m = (e) => (t) => {
-    !K() || u() || h() || d !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), d = t.pointerId, b = "resize", se(!0), he = e, ce = {
+  }, y = (e) => (t) => {
+    !K() || c() || h() || d !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), d = t.pointerId, m = "resize", se(!0), he = e, ue = {
       x: t.clientX,
       y: t.clientY
     }, fe = {
-      ...z
-    }, R = {
+      ...p
+    }, A = {
       x: t.clientX,
       y: t.clientY
     }, U(!0, We[e]), xe(t));
   }, ye = () => {
     I = null, me();
   }, qe = (e) => {
-    if (!(d === null || e.pointerId !== d) && b !== null && (R = {
+    if (!(d === null || e.pointerId !== d) && m !== null && (A = {
       x: e.clientX,
       y: e.clientY
     }, I === null)) {
@@ -318,19 +326,19 @@ function Ot(n) {
         reason: r,
         snapshot: o
       }) => {
-        R = {
+        A = {
           x: o.latestClientX,
           y: o.latestClientY
         }, ve(t || r === "pointer_cancel");
       }
     });
   }, be = () => {
-    d !== null && G(!0), !h() && (Me(!u()), E());
+    d !== null && G(!0), !h() && (Me(!c()), E());
   }, Xe = (e) => {
     e.target?.closest("button, [data-floe-floating-window-header-actions]") || be();
   }, Ue = (e) => {
-    Oe(e.target) && De();
-  }, v = (e) => D("absolute z-10", {
+    De(e.target) && Be();
+  }, x = (e) => B("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",
@@ -341,25 +349,25 @@ function Ot(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = wt(), t = O;
-    return typeof t == "function" ? _e(t, e) : O = e, e;
-  })(), l(x, {
+    var e = wt(), t = D;
+    return typeof t == "function" ? _e(t, e) : D = e, e;
+  })(), l(z, {
     get when() {
-      return _.mounted();
+      return S.mounted();
     },
     get children() {
       return l(Ve, {
         get children() {
-          var e = St(), t = e.firstChild, r = t.firstChild, o = r.firstChild, S = o.nextSibling, B = r.nextSibling, ze = a;
+          var e = It(), t = e.firstChild, r = t.firstChild, o = r.firstChild, P = o.nextSibling, O = r.nextSibling, ze = a;
           return typeof ze == "function" ? _e(ze, e) : a = e, pe(e, $e({
             get "data-floating-presence"() {
-              return _.state();
+              return S.state();
             },
             get "aria-hidden"() {
-              return _.exiting() || !H() ? "true" : void 0;
+              return S.exiting() || !H() ? "true" : void 0;
             },
             get inert() {
-              return _.exiting() || !H();
+              return S.exiting() || !H();
             },
             get "data-floe-floating-window-compact"() {
               return h() ? "true" : void 0;
@@ -368,7 +376,7 @@ function Ot(n) {
             [Pe]: "true"
           }, {
             get class() {
-              return D("fixed left-0 top-0 z-[100] flex flex-col", (k() || M()) && "select-none", _.exiting() && "pointer-events-none");
+              return B("fixed left-0 top-0 z-[100] flex flex-col", (k() || M()) && "select-none", S.exiting() && "pointer-events-none");
             },
             get style() {
               return {
@@ -387,7 +395,7 @@ function Ot(n) {
             tabIndex: -1,
             onPointerDown: Ue
           }), !1, !0), pe(t, $e({
-            [ct]: "true"
+            [ut]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
@@ -401,38 +409,38 @@ function Ot(n) {
             [Pe]: "true"
           }, {
             get class() {
-              return D("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (k() || M()) && "floe-floating-presence--suspended", u() && "rounded-none", n.class);
+              return B("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (k() || M()) && "floe-floating-presence--suspended", c() && "rounded-none", n.class);
             },
             get style() {
               return {
-                "border-radius": u() ? "0" : "10px"
+                "border-radius": c() ? "0" : "10px"
               };
             },
             get "data-floating-presence"() {
-              return _.state();
+              return S.state();
             }
-          }), !1, !0), r.$$dblclick = Xe, r.$$pointerdown = Ye, c(o, l(x, {
+          }), !1, !0), r.$$dblclick = Xe, r.$$pointerdown = Ye, u(o, l(z, {
             get when() {
               return n.title;
             },
             get children() {
               var i = gt();
-              return c(i, () => n.title), f(() => Ge(i, "id", le())), i;
+              return u(i, () => n.title), f(() => Ge(i, "id", le())), i;
             }
-          })), c(r, l(x, {
+          })), u(r, l(z, {
             get when() {
               return n.headerActions;
             },
             get children() {
               var i = mt(), je = i.firstChild;
-              return c(i, () => n.headerActions, je), i;
+              return u(i, () => n.headerActions, je), i;
             }
-          }), S), c(S, l(x, {
+          }), P), u(P, l(z, {
             get when() {
               return !h();
             },
             get children() {
-              return l(Se, {
+              return l(Ie, {
                 variant: "ghost",
                 size: "icon",
                 "data-floe-floating-window-control": "maximize",
@@ -441,12 +449,12 @@ function Ot(n) {
                   i.stopPropagation(), be();
                 },
                 get "aria-label"() {
-                  return J(() => !!u())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
+                  return J(() => !!c())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
                 },
                 get children() {
-                  return l(x, {
+                  return l(z, {
                     get when() {
-                      return u();
+                      return c();
                     },
                     get fallback() {
                       return l(nt, {
@@ -462,7 +470,7 @@ function Ot(n) {
                 }
               });
             }
-          }), null), c(S, l(Se, {
+          }), null), u(P, l(Ie, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -478,53 +486,53 @@ function Ot(n) {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), c(B, () => n.children), c(t, l(x, {
+          }), null), u(O, () => n.children), u(t, l(z, {
             get when() {
               return n.footer;
             },
             get children() {
               var i = vt();
-              return c(i, () => n.footer), i;
+              return u(i, () => n.footer), i;
             }
-          }), null), c(t, l(x, {
+          }), null), u(t, l(z, {
             get when() {
-              return J(() => !!(K() && !u()))() && !h();
+              return J(() => !!(K() && !c()))() && !h();
             },
             get children() {
               return [(() => {
                 var i = yt();
-                return y(i, "pointerdown", m("n"), !0), f(() => w(i, v("n"))), i;
+                return b(i, "pointerdown", y("n"), !0), f(() => w(i, x("n"))), i;
               })(), (() => {
                 var i = xt();
-                return y(i, "pointerdown", m("s"), !0), f(() => w(i, v("s"))), i;
-              })(), l(x, {
+                return b(i, "pointerdown", y("s"), !0), f(() => w(i, x("s"))), i;
+              })(), l(z, {
                 get when() {
                   return !L();
                 },
                 get children() {
                   return [(() => {
                     var i = bt();
-                    return y(i, "pointerdown", m("e"), !0), f(() => w(i, v("e"))), i;
+                    return b(i, "pointerdown", y("e"), !0), f(() => w(i, x("e"))), i;
                   })(), (() => {
                     var i = zt();
-                    return y(i, "pointerdown", m("w"), !0), f(() => w(i, v("w"))), i;
+                    return b(i, "pointerdown", y("w"), !0), f(() => w(i, x("w"))), i;
                   })(), (() => {
                     var i = pt();
-                    return y(i, "pointerdown", m("ne"), !0), f(() => w(i, v("ne"))), i;
+                    return b(i, "pointerdown", y("ne"), !0), f(() => w(i, x("ne"))), i;
                   })(), (() => {
                     var i = $t();
-                    return y(i, "pointerdown", m("nw"), !0), f(() => w(i, v("nw"))), i;
+                    return b(i, "pointerdown", y("nw"), !0), f(() => w(i, x("nw"))), i;
                   })(), (() => {
                     var i = _t();
-                    return y(i, "pointerdown", m("se"), !0), f(() => w(i, v("se"))), i;
+                    return b(i, "pointerdown", y("se"), !0), f(() => w(i, x("se"))), i;
                   })(), (() => {
-                    var i = It();
-                    return y(i, "pointerdown", m("sw"), !0), f(() => w(i, v("sw"))), i;
+                    var i = St();
+                    return b(i, "pointerdown", y("sw"), !0), f(() => w(i, x("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), null), f(() => w(r, D("flex shrink-0 items-center justify-between h-8", "border-b", u() ? "rounded-none" : "rounded-t-md", Q() && !u() && !h() && "cursor-move"))), e;
+          }), null), f(() => w(r, B("flex shrink-0 items-center justify-between h-8", "border-b", c() ? "rounded-none" : "rounded-t-md", Q() && !c() && !h() && "cursor-move"))), e;
         }
       });
     }
@@ -532,5 +540,5 @@ function Ot(n) {
 }
 Je(["pointerdown", "dblclick"]);
 export {
-  Ot as FloatingWindow
+  Dt as FloatingWindow
 };

package/package.json

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