@floegence/floe-webapp-core 0.86.58 → 0.86.60

package/dist/components/ui/FloatingWindow.js

@@ -1,80 +1,80 @@
-import { createComponent as l, Portal as ot, spread as ke, mergeProps as Te, memo as Q, insert as c, effect as h, setAttribute as rt, addEventListener as _, className as m, template as s, use as we, delegateEvents as at } from "solid-js/web";
-import { createSignal as x, createUniqueId as lt, onCleanup as B, onMount as st, createEffect as S, untrack as Z, Show as v, batch as J } from "solid-js";
-import { cn as K } from "../../utils/cn.js";
-import { useOptionalLayout as dt } from "../../context/LayoutContext.js";
-import { useResolvedFloeConfig as ct } from "../../context/FloeConfigContext.js";
-import { useMediaQuery as ut } from "../../hooks/useMediaQuery.js";
-import { Button as Le } from "./Button.js";
-import { Restore as ft, Maximize as ht, X as wt } from "../icons/index.js";
-import { startHotInteraction as gt } from "../../utils/hotInteraction.js";
-import { startPointerSession as mt } from "./pointerSession.js";
-import { resolveFloatingWindowViewport as ge, normalizeFloatingWindowRect as me, resolveFloatingWindowRect as xt } from "./floatingWindowGeometry.js";
-import { observeViewport as vt } from "../../viewport.js";
-import { createFloatingPresence as yt } from "./floatingPresence.js";
+import { createComponent as l, Portal as it, use as ue, spread as Me, mergeProps as Fe, memo as Q, insert as u, effect as w, setAttribute as ot, addEventListener as P, className as x, template as d, delegateEvents as rt } from "solid-js/web";
+import { createSignal as v, createUniqueId as at, onCleanup as B, onMount as lt, createEffect as I, untrack as D, Show as y, batch as fe } from "solid-js";
+import { cn as Z } from "../../utils/cn.js";
+import { useOptionalLayout as st } from "../../context/LayoutContext.js";
+import { useResolvedFloeConfig as dt } from "../../context/FloeConfigContext.js";
+import { useMediaQuery as ct } from "../../hooks/useMediaQuery.js";
+import { Button as ke } from "./Button.js";
+import { Restore as ut, Maximize as ft, X as ht } from "../icons/index.js";
+import { startHotInteraction as wt } from "../../utils/hotInteraction.js";
+import { startPointerSession as gt } from "./pointerSession.js";
+import { resolveFloatingWindowViewport as he, normalizeFloatingWindowRect as we, resolveFloatingWindowRect as mt } from "./floatingWindowGeometry.js";
+import { observeViewport as xt } from "../../viewport.js";
+import { createFloatingPresence as vt } from "./floatingPresence.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as Oe } from "./localInteractionSurface.js";
-import { resolveFloatingBoundary as bt } from "./surfaceFloatingBoundary.js";
-import { SURFACE_PORTAL_LAYER_ATTR as pt, resolveSurfacePortalHost as zt } from "./dialogSurfaceScope.js";
-var $t = /* @__PURE__ */ s("<span hidden>"), _t = /* @__PURE__ */ s('<span data-floe-floating-window-title-icon=true aria-hidden=true class="flex size-4 shrink-0 items-center justify-center">'), St = /* @__PURE__ */ s('<h2 class="flex min-w-0 items-center gap-2 text-xs leading-none font-medium select-none"><span class="min-w-0 truncate">'), Pt = /* @__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">'), It = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), Rt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), Ct = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), At = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), Et = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), Mt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Ft = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), kt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), Tt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), Lt = /* @__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="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
-function Kt(n) {
-  const xe = () => n.resizable ?? !0, ee = () => n.maximizable ?? !0, ve = () => n.draggable ?? !0, D = () => n.minSize ?? {
+import { resolveFloatingBoundary as yt } from "./surfaceFloatingBoundary.js";
+import { SURFACE_PORTAL_LAYER_ATTR as bt, resolveSurfacePortalHost as pt } from "./dialogSurfaceScope.js";
+var zt = /* @__PURE__ */ d("<span hidden>"), $t = /* @__PURE__ */ d('<span data-floe-floating-window-title-icon=true aria-hidden=true class="flex size-4 shrink-0 items-center justify-center">'), _t = /* @__PURE__ */ d('<h2 class="flex min-w-0 items-center gap-2 text-xs leading-none font-medium select-none"><span class="min-w-0 truncate">'), St = /* @__PURE__ */ d('<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">'), Pt = /* @__PURE__ */ d('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), It = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), Rt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), Ct = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), At = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), Et = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), Mt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), Ft = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), kt = /* @__PURE__ */ d("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), Ot = /* @__PURE__ */ d('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 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 Jt(n) {
+  const ge = () => n.resizable ?? !0, J = () => n.maximizable ?? !0, me = () => n.draggable ?? !0, W = () => n.minSize ?? {
     width: 200,
     height: 150
-  }, W = () => n.maxSize ?? {
+  }, q = () => n.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
   };
-  let te;
-  const [q, Be] = x(), [P, De] = x({
+  let K;
+  const [O, Te] = v(), [R, Le] = v({
     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
-  }), [ne, We] = x(!0), w = () => !!(n.compactBelow && P().width < n.compactBelow), y = () => n.viewportInsets, E = () => q()?.fixedScale ?? 1, L = (e) => ({
-    x: (e.x + (q()?.fixedOffset.left ?? 0)) / E(),
-    y: (e.y + (q()?.fixedOffset.top ?? 0)) / E()
-  }), qe = () => n.zIndex ?? 100, He = lt(), Xe = dt(), Ye = ct(), M = Xe?.isMobile ?? ut(() => Ye.config.layout.mobileQuery), H = 16, ye = () => `floating-window-${He}-title`, [ie, Ne] = x(n.defaultPosition ?? {
+  }), [ee, Be] = v(!0), g = () => !!(n.compactBelow && R().width < n.compactBelow), b = () => n.viewportInsets, T = () => O()?.fixedScale ?? 1, te = (e) => ({
+    x: (e.x + (O()?.fixedOffset.left ?? 0)) / T(),
+    y: (e.y + (O()?.fixedOffset.top ?? 0)) / T()
+  }), De = () => n.zIndex ?? 100, We = at(), qe = st(), He = dt(), E = qe?.isMobile ?? ct(() => He.config.layout.mobileQuery), H = 16, xe = () => `floating-window-${We}-title`, [Xe, Ye] = v(n.defaultPosition ?? {
     x: 0,
     y: 0
-  }), [oe, Ve] = x(n.defaultSize ?? {
+  }), [Ne, Ve] = v(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, re] = x(!1), [X, be] = x(!1), [Y, pe] = x(!1), [je, ae] = x(!1), F = yt({
+  }), [c, ne] = v(!1), [X, ve] = v(!1), [Y, ye] = v(!1), [je, ie] = v(!1), M = vt({
     open: () => n.open
   });
-  let b = {
+  let p = {
     x: 0,
     y: 0
-  }, I = {
+  }, F = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, le = 32, ze = {
+  }, oe = 32, be = {
     x: 0,
     y: 0
-  }, $e = {
+  }, pe = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, _e = "se", a, se, u = null, N, f = null, R = {
+  }, ze = "se", s, re, f = null, N, h = null, C = {
     x: 0,
     y: 0
-  }, k = null, V = null, T, de = !1, C = {
+  }, k = null, V = null, z, ae = !1, a = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
     height: n.defaultSize?.height ?? 300
-  }, g = {
-    ...C
+  }, m = {
+    ...a
   }, A;
-  const Se = (e) => {
-    g = {
+  const $e = (e) => {
+    m = {
       ...e
     };
-    const t = ge(P(), y());
+    const t = he(R(), b());
     A = {
       x: t.width > e.width ? (e.x - t.x) / (t.width - e.width) : A?.x ?? 0.5,
       y: t.height > e.height ? (e.y - t.y) / (t.height - e.height) : A?.y ?? 0.5
@@ -88,153 +88,151 @@ function Kt(n) {
     nw: "nwse-resize",
     se: "nwse-resize",
     sw: "nesw-resize"
-  }, ce = (e, t) => {
+  }, le = (e, t) => {
     if (!e) {
       V?.(), V = null;
       return;
     }
-    V?.(), V = gt({
-      kind: f === "resize" ? "resize" : "drag",
+    V?.(), V = wt({
+      kind: h === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
-  }, ue = (e) => {
-    if (T?.cancel(), T = void 0, C = e, !a) return;
-    const t = L(e);
-    a.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, a.style.width = `${e.width / E()}px`, a.style.height = `${e.height / E()}px`;
-  }, Ge = () => {
-    const e = ie(), t = oe();
+  }, j = (e) => {
+    if ((e.x !== a.x || e.y !== a.y || e.width !== a.width || e.height !== a.height) && (z?.cancel(), z = void 0), a = e, !s) return;
+    const t = te(e);
+    s.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, s.style.width = `${e.width / T()}px`, s.style.height = `${e.height / T()}px`;
+  }, _e = () => {
+    const e = Xe(), t = Ne();
     return {
       x: e.x,
       y: e.y,
       width: t.width,
       height: t.height
     };
-  }, j = (e) => {
-    C = e, Ne((t) => t.x === e.x && t.y === e.y ? t : {
+  }, se = (e) => {
+    (e.x !== a.x || e.y !== a.y || e.width !== a.width || e.height !== a.height) && (z?.cancel(), z = void 0), a = e, Ye((t) => t.x === e.x && t.y === e.y ? t : {
       x: e.x,
       y: e.y
     }), Ve((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
-  }, Qe = () => {
+  }, Ge = () => {
     try {
-      a?.focus({
+      s?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, Ze = (e) => {
+  }, Qe = (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;
-  }, fe = (e) => !!a && e instanceof Node && a.contains(e), Je = (e) => {
+  }, de = (e) => !!s && e instanceof Node && s.contains(e), Ze = (e) => {
     const o = (e instanceof Element ? e : null)?.closest('[role="menu"], [role="dialog"]')?.closest('[data-floe-surface-floating-layer="true"], [data-floe-dropdown]');
-    return !!(o && a?.contains(o));
-  }, Ke = () => {
-    if (!a) return null;
-    const e = a.getBoundingClientRect();
+    return !!(o && s?.contains(o));
+  }, Je = () => {
+    if (!s) return null;
+    const e = s.getBoundingClientRect();
     return {
       x: e.left,
       y: e.top,
       width: e.width,
       height: e.height
     };
-  }, Pe = () => {
-    if (n.open && !(u === null || f === null) && !(typeof window > "u")) {
-      if (f === "drag" && d()) {
-        if (Math.hypot(R.x - b.x, R.y - b.y) < 4) return;
-        const e = me({
-          rect: g,
-          minSize: D(),
-          maxSize: W(),
-          viewport: P(),
-          viewportInsets: y(),
-          mobile: n.boundary === void 0 && M(),
+  }, Se = () => {
+    if (n.open && !(f === null || h === null) && !(typeof window > "u")) {
+      if (h === "drag" && c()) {
+        if (Math.hypot(C.x - p.x, C.y - p.y) < 4) return;
+        const e = we({
+          rect: m,
+          minSize: W(),
+          maxSize: q(),
+          viewport: R(),
+          viewportInsets: b(),
+          mobile: n.boundary === void 0 && E(),
           mobilePadding: H
-        }), t = Math.max(0, Math.min(1, (b.x - I.x) / Math.max(1, I.width))), r = Math.max(0, Math.min(le, b.y - I.y));
-        I = {
+        }), t = Math.max(0, Math.min(1, (p.x - F.x) / Math.max(1, F.width))), r = Math.max(0, Math.min(oe, p.y - F.y));
+        F = {
           ...e,
-          x: b.x - e.width * t,
-          y: b.y - r
-        }, J(() => {
-          re(!1), j(I);
-        });
+          x: p.x - e.width * t,
+          y: p.y - r
+        }, ne(!1);
       }
-      ue(xt({
-        mode: f,
-        pointer: R,
-        dragStartPos: b,
-        dragStartRect: I,
-        dragTitlebarHeight: le,
-        resizeStartPos: ze,
-        resizeStartRect: $e,
-        resizeHandle: _e,
-        minSize: D(),
-        maxSize: W(),
-        viewport: P(),
-        viewportInsets: y(),
-        mobile: n.boundary === void 0 && M(),
+      j(mt({
+        mode: h,
+        pointer: C,
+        dragStartPos: p,
+        dragStartRect: F,
+        dragTitlebarHeight: oe,
+        resizeStartPos: be,
+        resizeStartRect: pe,
+        resizeHandle: ze,
+        minSize: W(),
+        maxSize: q(),
+        viewport: R(),
+        viewportInsets: b(),
+        mobile: n.boundary === void 0 && E(),
         mobilePadding: H
       }));
     }
-  }, O = (e) => {
+  }, L = (e) => {
     if (typeof window > "u") return;
-    const t = P();
-    if (d() || w()) {
-      j(ge(t, y()));
+    const t = R();
+    if (c() || g()) {
+      se(he(t, b()));
       return;
     }
-    let r = me({
-      rect: g,
-      minSize: D(),
-      maxSize: W(),
+    let r = we({
+      rect: m,
+      minSize: W(),
+      maxSize: q(),
       viewport: t,
-      viewportInsets: y(),
-      mobile: n.boundary === void 0 && M(),
+      viewportInsets: b(),
+      mobile: n.boundary === void 0 && E(),
       mobilePadding: H,
       center: e?.center ?? !1
     });
     if (n.boundary !== void 0 && A && !e?.center) {
-      const o = ge(t, y());
+      const o = he(t, b());
       r = {
         ...r,
         x: o.x + A.x * Math.max(0, o.width - r.width),
         y: o.y + A.y * Math.max(0, o.height - r.height)
       };
     }
-    if (j(r), !A) {
+    if (se(r), !A) {
       const o = {
-        width: g.width,
-        height: g.height
+        width: m.width,
+        height: m.height
       };
-      Se(r), Object.assign(g, o);
+      $e(r), Object.assign(m, o);
     }
-  }, Ie = (e) => {
-    k !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(k), k = null), e && Pe();
-    const t = f === "drag", r = e && !(t && d()) ? Ke() ?? C : null, o = r ? me({
+  }, Pe = (e) => {
+    k !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(k), k = null), e && Se();
+    const t = h === "drag", r = e && !(t && c()) ? Je() ?? a : null, o = r ? we({
       rect: r,
-      minSize: D(),
-      maxSize: W(),
-      viewport: P(),
-      viewportInsets: y(),
-      mobile: n.boundary === void 0 && M(),
+      minSize: W(),
+      maxSize: q(),
+      viewport: R(),
+      viewportInsets: b(),
+      mobile: n.boundary === void 0 && E(),
       mobilePadding: H
     }) : null;
-    if (J(() => {
+    if (fe(() => {
       if (o) {
-        j(o);
-        const $ = {
-          width: g.width,
-          height: g.height
+        se(o);
+        const S = {
+          width: m.width,
+          height: m.height
         };
-        Se(o), f === "drag" && Object.assign(g, $);
+        $e(o), h === "drag" && Object.assign(m, S);
       }
-      u = null, f = null, be(!1), pe(!1);
-    }), ce(!1, ""), N = void 0, o && (ue(o), t && r && a?.animate && (r.x !== o.x || r.y !== o.y) && !window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)) {
-      const $ = L(r), U = L(o);
-      T = a.animate([{
-        transform: `translate3d(${$.x}px, ${$.y}px, 0)`
+      f = null, h = null, ve(!1), ye(!1);
+    }), le(!1, ""), N = void 0, o && (j(o), t && r && s?.animate && (r.x !== o.x || r.y !== o.y) && !window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)) {
+      const S = te(r), U = te(o);
+      z = s.animate([{
+        transform: `translate3d(${S.x}px, ${S.y}px, 0)`
       }, {
         transform: `translate3d(${U.x}px, ${U.y}px, 0)`
       }], {
@@ -242,23 +240,23 @@ function Kt(n) {
         easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
       });
     }
-  }, he = (e = !1) => {
+  }, ce = (e = !1) => {
     N ? N.stop({
       commit: e
-    }) : Ie(e);
+    }) : Pe(e);
   };
   B(() => {
-    he(!1), T?.cancel();
-  }), st(() => {
+    ce(!1), z?.cancel();
+  }), lt(() => {
     const e = () => {
-      const t = q(), r = n.boundary === void 0 ? {
+      const t = O(), r = n.boundary === void 0 ? {
         boundaryHost: null,
         mode: "global"
-      } : zt({
-        owner: te
-      }), o = bt(r, n.boundary, t?.safeArea);
-      J(() => {
-        We(!!(o && o.width > 16 && o.height > 16)), De(o ? {
+      } : pt({
+        owner: K
+      }), o = yt(r, n.boundary, t?.safeArea);
+      fe(() => {
+        Be(!!(o && o.width > 16 && o.height > 16)), Le(o ? {
           x: o.left,
           y: o.top,
           width: o.width,
@@ -271,61 +269,61 @@ function Kt(n) {
         });
       });
     };
-    B(vt(window, (t) => {
-      J(() => {
-        Be(t), Z(e);
+    B(xt(window, (t) => {
+      fe(() => {
+        Te(t), D(e);
       });
-    })), S(() => {
+    })), I(() => {
       if (!n.open || n.boundary === void 0) return;
       let t = 0;
       const r = () => {
-        Z(e), t = requestAnimationFrame(r);
+        D(e), t = requestAnimationFrame(r);
       };
       r(), B(() => cancelAnimationFrame(t));
-    }), n.open || O({
+    }), n.open || L({
       center: !n.defaultPosition
     });
-  }), S(() => {
+  }), I(() => {
     if (!n.open) return;
-    M();
-    const e = !de && !n.defaultPosition, t = () => {
-      O({
+    E();
+    const e = !ae && !n.defaultPosition, t = () => {
+      L({
         center: e
-      }), de = !0;
+      }), ae = !0;
     };
     if (typeof requestAnimationFrame > "u") {
       t();
       return;
     }
     requestAnimationFrame(t);
-  }), S(() => {
-    y(), P(), w(), !(!n.open || !de || u !== null) && Z(() => O({
+  }), I(() => {
+    b(), R(), g(), !(!n.open || !ae || f !== null) && D(() => L({
       center: !1
     }));
-  }), S(() => {
-    ee() || !d() || Z(() => {
-      re(!1), O({
+  }), I(() => {
+    J() || !c() || D(() => {
+      ne(!1), L({
         center: !1
       });
     });
-  }), S(() => {
+  }), I(() => {
     if (!n.open) return;
     const e = (t) => {
       if (t.key !== "Escape") return;
       const r = typeof document < "u" ? document.activeElement : null;
-      !fe(t.target) && !fe(r) || Je(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
+      !de(t.target) && !de(r) || Ze(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
     };
     document.addEventListener("keydown", e, !0), B(() => document.removeEventListener("keydown", e, !0));
-  }), S(() => {
+  }), I(() => {
     if (!n.open) {
-      ae(!1), he(!1);
+      ie(!1), ce(!1);
       return;
     }
-    ae(!0);
-  }), S(() => {
+    ie(!0);
+  }), I(() => {
     if (!n.open) return;
     const e = (o) => {
-      ae(fe(o));
+      ie(de(o));
     }, t = (o) => {
       e(o.target);
     }, r = (o) => {
@@ -334,68 +332,68 @@ function Kt(n) {
     document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), B(() => {
       document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", r);
     });
-  }), S(() => {
+  }), I(() => {
     if (!n.open) return;
-    const e = Ge();
-    u === null ? ue(e) : C = e;
+    const e = _e();
+    T(), O()?.fixedOffset, j(f === null ? e : a);
   });
-  const et = (e) => {
-    !ve() || w() || 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(), T?.cancel(), T = void 0, le = e.currentTarget instanceof HTMLElement && e.currentTarget.getBoundingClientRect().height || 32, u = e.pointerId, f = "drag", be(!0), b = {
+  const Ke = (e) => {
+    !me() || g() || f !== 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(), z?.cancel(), z = void 0, oe = e.currentTarget instanceof HTMLElement && e.currentTarget.getBoundingClientRect().height || 32, f = e.pointerId, h = "drag", ve(!0), p = {
       x: e.clientX,
       y: e.clientY
-    }, I = {
-      ...C
-    }, R = {
+    }, F = {
+      ...a
+    }, C = {
       x: e.clientX,
       y: e.clientY
-    }, ce(!0, "grabbing"), Ce(e));
-  }, p = (e) => (t) => {
-    !xe() || d() || w() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, f = "resize", pe(!0), _e = e, ze = {
+    }, le(!0, "grabbing"), Re(e));
+  }, $ = (e) => (t) => {
+    !ge() || c() || g() || f !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), f = t.pointerId, h = "resize", ye(!0), ze = e, be = {
       x: t.clientX,
       y: t.clientY
-    }, $e = {
-      ...C
-    }, R = {
+    }, pe = {
+      ...a
+    }, C = {
       x: t.clientX,
       y: t.clientY
-    }, ce(!0, Ue[e]), Ce(t));
-  }, Re = () => {
-    k = null, Pe();
-  }, tt = (e) => {
-    if (!(u === null || e.pointerId !== u) && f !== null && (R = {
+    }, le(!0, Ue[e]), Re(t));
+  }, Ie = () => {
+    k = null, Se();
+  }, et = (e) => {
+    if (!(f === null || e.pointerId !== f) && h !== null && (C = {
       x: e.clientX,
       y: e.clientY
     }, k === null)) {
       if (typeof requestAnimationFrame > "u") {
-        Re();
+        Ie();
         return;
       }
-      k = requestAnimationFrame(Re);
+      k = requestAnimationFrame(Ie);
     }
-  }, Ce = (e) => {
-    N = mt({
+  }, Re = (e) => {
+    N = gt({
       pointerEvent: e,
       // Keep click/double-click targeting on the titlebar while retaining capture.
-      captureEl: f === "drag" ? se : a,
-      onMove: tt,
+      captureEl: h === "drag" ? re : s,
+      onMove: et,
       onEnd: ({
         commit: t,
         reason: r,
         snapshot: o
       }) => {
-        R = {
+        C = {
           x: o.latestClientX,
           y: o.latestClientY
-        }, Ie(t || r === "pointer_cancel");
+        }, Pe(t || r === "pointer_cancel");
       }
     });
-  }, Ae = () => {
-    !ee() || w() || (u !== null && he(!0), re(!d()), O());
+  }, Ce = () => {
+    !J() || g() || (f !== null && ce(!0), ne(!c()), L());
+  }, tt = (e) => {
+    e.target?.closest("button, [data-floe-floating-window-header-actions]") || Ce();
   }, nt = (e) => {
-    e.target?.closest("button, [data-floe-floating-window-header-actions]") || Ae();
-  }, it = (e) => {
-    Ze(e.target) && Qe();
-  }, z = (e) => K("absolute z-10", {
+    Qe(e.target) && Ge();
+  }, _ = (e) => Z("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",
@@ -406,53 +404,52 @@ function Kt(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = $t(), t = te;
-    return typeof t == "function" ? we(t, e) : te = e, e;
-  })(), l(v, {
+    var e = zt(), t = K;
+    return typeof t == "function" ? ue(t, e) : K = e, e;
+  })(), l(y, {
     get when() {
-      return F.mounted();
+      return M.mounted();
     },
     get children() {
-      return l(ot, {
+      return l(it, {
         get children() {
-          var e = Lt(), t = e.firstChild, r = t.firstChild, o = r.firstChild, $ = o.nextSibling, U = r.nextSibling, Ee = a;
-          typeof Ee == "function" ? we(Ee, e) : a = e, ke(e, Te({
+          var e = Ot(), t = e.firstChild, r = t.firstChild, o = r.firstChild, S = o.nextSibling, U = r.nextSibling;
+          ue((i) => {
+            s = i, D(() => j(_e()));
+          }, e), Me(e, Fe({
             get "data-floating-presence"() {
-              return F.state();
+              return M.state();
             },
             get "aria-hidden"() {
-              return F.exiting() || !ne() ? "true" : void 0;
+              return M.exiting() || !ee() ? "true" : void 0;
             },
             get inert() {
-              return F.exiting() || !ne();
+              return M.exiting() || !ee();
             },
             get "data-floe-floating-window-compact"() {
-              return w() ? "true" : void 0;
+              return g() ? "true" : void 0;
             }
           }, {
             [Oe]: "true"
           }, {
             get class() {
-              return K("fixed left-0 top-0 z-[100] flex flex-col", (X() || Y()) && "select-none", F.exiting() && "pointer-events-none");
+              return Z("fixed left-0 top-0 z-[100] flex flex-col", (X() || Y()) && "select-none", M.exiting() && "pointer-events-none");
             },
             get style() {
               return {
-                visibility: ne() ? void 0 : "hidden",
-                width: `${oe().width / E()}px`,
-                height: `${oe().height / E()}px`,
-                transform: `translate3d(${L(ie()).x}px, ${L(ie()).y}px, 0)`,
-                "z-index": qe(),
+                visibility: ee() ? void 0 : "hidden",
+                "z-index": De(),
                 "will-change": X() ? "transform" : Y() ? "transform, width, height" : void 0
               };
             },
             role: "dialog",
             get "aria-labelledby"() {
-              return Q(() => !!n.title)() ? ye() : void 0;
+              return Q(() => !!n.title)() ? xe() : void 0;
             },
             tabIndex: -1,
-            onPointerDown: it
-          }), !1, !0), ke(t, Te({
-            [pt]: "true"
+            onPointerDown: nt
+          }), !1, !0), Me(t, Fe({
+            [bt]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
@@ -466,70 +463,70 @@ function Kt(n) {
             [Oe]: "true"
           }, {
             get class() {
-              return K("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (X() || Y()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
+              return Z("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (X() || Y()) && "floe-floating-presence--suspended", c() && "rounded-none", n.class);
             },
             get style() {
               return {
-                "border-radius": d() ? "0" : "var(--floe-radius-floating)"
+                "border-radius": c() ? "0" : "var(--floe-radius-floating)"
               };
             },
             get "data-floating-presence"() {
-              return F.state();
+              return M.state();
             }
-          }), !1, !0), r.$$dblclick = nt, r.$$pointerdown = et;
-          var Me = se;
-          return typeof Me == "function" ? we(Me, r) : se = r, c(o, l(v, {
+          }), !1, !0), r.$$dblclick = tt, r.$$pointerdown = Ke;
+          var Ae = re;
+          return typeof Ae == "function" ? ue(Ae, r) : re = r, u(o, l(y, {
             get when() {
               return n.title;
             },
             get children() {
-              var i = St(), G = i.firstChild;
-              return c(i, l(v, {
+              var i = _t(), G = i.firstChild;
+              return u(i, l(y, {
                 get when() {
                   return n.titleIcon;
                 },
                 get children() {
-                  var Fe = _t();
-                  return c(Fe, () => n.titleIcon), Fe;
+                  var Ee = $t();
+                  return u(Ee, () => n.titleIcon), Ee;
                 }
-              }), G), c(G, () => n.title), h(() => rt(i, "id", ye())), i;
+              }), G), u(G, () => n.title), w(() => ot(i, "id", xe())), i;
             }
-          })), c(r, l(v, {
+          })), u(r, l(y, {
             get when() {
               return n.headerActions;
             },
             get children() {
-              var i = Pt(), G = i.firstChild;
-              return c(i, () => n.headerActions, G), i;
+              var i = St(), G = i.firstChild;
+              return u(i, () => n.headerActions, G), i;
             }
-          }), $), c($, l(v, {
+          }), S), u(S, l(y, {
             get when() {
-              return Q(() => !!ee())() && !w();
+              return Q(() => !!J())() && !g();
             },
             get children() {
-              return l(Le, {
+              return l(ke, {
                 variant: "ghost",
                 size: "icon",
                 "data-floe-floating-window-control": "maximize",
                 class: "h-full w-9 shrink-0 rounded-none border-0 px-0 active:scale-100",
                 onClick: (i) => {
-                  i.stopPropagation(), Ae();
+                  i.stopPropagation(), Ce();
                 },
                 get "aria-label"() {
-                  return Q(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
+                  return Q(() => !!c())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
                 },
                 get children() {
-                  return l(v, {
+                  return l(y, {
                     get when() {
-                      return d();
+                      return c();
                     },
                     get fallback() {
-                      return l(ht, {
+                      return l(ft, {
                         class: "w-3 h-3"
                       });
                     },
                     get children() {
-                      return l(ft, {
+                      return l(ut, {
                         class: "w-3 h-3"
                       });
                     }
@@ -537,7 +534,7 @@ function Kt(n) {
                 }
               });
             }
-          }), null), c($, l(Le, {
+          }), null), u(S, l(ke, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -549,63 +546,63 @@ function Kt(n) {
               return n.labels?.close ?? "Close";
             },
             get children() {
-              return l(wt, {
+              return l(ht, {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), c(U, () => n.children), c(t, l(v, {
+          }), null), u(U, () => n.children), u(t, l(y, {
             get when() {
               return n.footer;
             },
             get children() {
-              var i = It();
-              return c(i, () => n.footer), i;
+              var i = Pt();
+              return u(i, () => n.footer), i;
             }
-          }), null), c(t, l(v, {
+          }), null), u(t, l(y, {
             get when() {
-              return Q(() => !!(xe() && !d()))() && !w();
+              return Q(() => !!(ge() && !c()))() && !g();
             },
             get children() {
               return [(() => {
-                var i = Rt();
-                return _(i, "pointerdown", p("n"), !0), h(() => m(i, z("n"))), i;
+                var i = It();
+                return P(i, "pointerdown", $("n"), !0), w(() => x(i, _("n"))), i;
               })(), (() => {
-                var i = Ct();
-                return _(i, "pointerdown", p("s"), !0), h(() => m(i, z("s"))), i;
-              })(), l(v, {
+                var i = Rt();
+                return P(i, "pointerdown", $("s"), !0), w(() => x(i, _("s"))), i;
+              })(), l(y, {
                 get when() {
-                  return !M();
+                  return !E();
                 },
                 get children() {
                   return [(() => {
+                    var i = Ct();
+                    return P(i, "pointerdown", $("e"), !0), w(() => x(i, _("e"))), i;
+                  })(), (() => {
                     var i = At();
-                    return _(i, "pointerdown", p("e"), !0), h(() => m(i, z("e"))), i;
+                    return P(i, "pointerdown", $("w"), !0), w(() => x(i, _("w"))), i;
                   })(), (() => {
                     var i = Et();
-                    return _(i, "pointerdown", p("w"), !0), h(() => m(i, z("w"))), i;
+                    return P(i, "pointerdown", $("ne"), !0), w(() => x(i, _("ne"))), i;
                   })(), (() => {
                     var i = Mt();
-                    return _(i, "pointerdown", p("ne"), !0), h(() => m(i, z("ne"))), i;
+                    return P(i, "pointerdown", $("nw"), !0), w(() => x(i, _("nw"))), i;
                   })(), (() => {
                     var i = Ft();
-                    return _(i, "pointerdown", p("nw"), !0), h(() => m(i, z("nw"))), i;
+                    return P(i, "pointerdown", $("se"), !0), w(() => x(i, _("se"))), i;
                   })(), (() => {
                     var i = kt();
-                    return _(i, "pointerdown", p("se"), !0), h(() => m(i, z("se"))), i;
-                  })(), (() => {
-                    var i = Tt();
-                    return _(i, "pointerdown", p("sw"), !0), h(() => m(i, z("sw"))), i;
+                    return P(i, "pointerdown", $("sw"), !0), w(() => x(i, _("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), null), h(() => m(r, K("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", ve() && !w() && "cursor-move"))), e;
+          }), null), w(() => x(r, Z("flex shrink-0 items-center justify-between h-8", "border-b", c() ? "rounded-none" : "rounded-t-md", me() && !g() && "cursor-move"))), e;
         }
       });
     }
   })];
 }
-at(["pointerdown", "dblclick"]);
+rt(["pointerdown", "dblclick"]);
 export {
-  Kt as FloatingWindow
+  Jt as FloatingWindow
 };

package/package.json

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