@floegence/floe-webapp-core 0.86.55 → 0.86.58

package/dist/components/ui/FloatingWindow.js

@@ -1,85 +1,85 @@
-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 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 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";
-import { resolveFloatingWindowViewport as ie, normalizeFloatingWindowRect as ft, resolveFloatingWindowRect as ht } from "./floatingWindowGeometry.js";
-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 } 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 ?? {
+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 { 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 ?? {
     width: 200,
     height: 150
-  }, ae = () => n.maxSize ?? {
+  }, W = () => n.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
   };
-  let H;
-  const [k, Fe] = g(), [C, ke] = g({
+  let te;
+  const [q, Be] = x(), [P, De] = x({
     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
-  }), [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()
-  }), Oe = () => n.zIndex ?? 100, Le = nt(), Be = ot(), De = rt(), M = Be?.isMobile ?? lt(() => De.config.layout.mobileQuery), se = 16, de = () => `floating-window-${Le}-title`, [j, Te] = g(n.defaultPosition ?? {
+  }), [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 ?? {
     x: 0,
     y: 0
-  }), [U, We] = g(n.defaultSize ?? {
+  }), [oe, Ve] = x(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, ce] = g(!1), [O, ue] = g(!1), [L, fe] = g(!1), [qe, G] = g(!1), I = gt({
+  }), [d, re] = x(!1), [X, be] = x(!1), [Y, pe] = x(!1), [je, ae] = x(!1), F = yt({
     open: () => n.open
   });
-  let he = {
+  let b = {
     x: 0,
     y: 0
-  }, we = {
+  }, I = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, ge = {
+  }, le = 32, ze = {
     x: 0,
     y: 0
-  }, me = {
+  }, $e = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, ve = "se", s, u = null, B, v = null, A = {
+  }, _e = "se", a, se, u = null, N, f = null, R = {
     x: 0,
     y: 0
-  }, R = null, D = null, Q = !1, $ = {
+  }, k = null, V = null, T, de = !1, C = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
     height: n.defaultSize?.height ?? 300
-  }, x = {
-    ...$
-  }, _;
-  const xe = (e) => {
-    x = {
+  }, g = {
+    ...C
+  }, A;
+  const Se = (e) => {
+    g = {
       ...e
     };
-    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
+    const t = ge(P(), y());
+    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
     };
-  }, Xe = {
+  }, Ue = {
     n: "ns-resize",
     s: "ns-resize",
     e: "ew-resize",
@@ -88,135 +88,177 @@ function Gt(n) {
     nw: "nwse-resize",
     se: "nwse-resize",
     sw: "nesw-resize"
-  }, Z = (e, t) => {
+  }, ce = (e, t) => {
     if (!e) {
-      D?.(), D = null;
+      V?.(), V = null;
       return;
     }
-    D?.(), D = ct({
-      kind: v === "resize" ? "resize" : "drag",
+    V?.(), V = gt({
+      kind: f === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
-  }, ye = (e) => {
-    if ($ = e, !s) return;
-    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();
+  }, 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();
     return {
       x: e.x,
       y: e.y,
       width: t.width,
       height: t.height
     };
-  }, J = (e) => {
-    $ = e, Te((t) => t.x === e.x && t.y === e.y ? t : {
+  }, j = (e) => {
+    C = e, Ne((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 : {
+    }), Ve((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
-  }, He = () => {
+  }, Qe = () => {
     try {
-      s?.focus({
+      a?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, Ne = (e) => {
+  }, Ze = (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), Ve = (e) => {
+  }, fe = (e) => !!a && e instanceof Node && a.contains(e), Je = (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 && s?.contains(o));
-  }, je = () => {
-    if (!s) return null;
-    const e = s.getBoundingClientRect();
+    return !!(o && a?.contains(o));
+  }, Ke = () => {
+    if (!a) return null;
+    const e = a.getBoundingClientRect();
     return {
       x: e.left,
       y: e.top,
       width: e.width,
       height: e.height
     };
-  }, be = () => {
-    n.open && (u === null || v === null || typeof window > "u" || ye(ht({
-      mode: v,
-      pointer: A,
-      dragStartPos: he,
-      dragStartRect: we,
-      resizeStartPos: ge,
-      resizeStartRect: me,
-      resizeHandle: ve,
-      minSize: le(),
-      maxSize: ae(),
-      viewport: C(),
-      viewportInsets: S(),
-      mobile: M(),
-      mobilePadding: se
-    })));
-  }, E = (e) => {
+  }, 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(),
+          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 = {
+          ...e,
+          x: b.x - e.width * t,
+          y: b.y - r
+        }, J(() => {
+          re(!1), j(I);
+        });
+      }
+      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(),
+        mobilePadding: H
+      }));
+    }
+  }, O = (e) => {
     if (typeof window > "u") return;
-    const t = C();
-    if (d() || h()) {
-      J(ie(t, S()));
+    const t = P();
+    if (d() || w()) {
+      j(ge(t, y()));
       return;
     }
-    let r = ft({
-      rect: x,
-      minSize: le(),
-      maxSize: ae(),
+    let r = me({
+      rect: g,
+      minSize: D(),
+      maxSize: W(),
       viewport: t,
-      viewportInsets: S(),
+      viewportInsets: y(),
       mobile: n.boundary === void 0 && M(),
-      mobilePadding: se,
+      mobilePadding: H,
       center: e?.center ?? !1
     });
-    if (n.boundary !== void 0 && _ && !e?.center) {
-      const o = ie(t, S());
+    if (n.boundary !== void 0 && A && !e?.center) {
+      const o = ge(t, y());
       r = {
         ...r,
-        x: o.x + _.x * Math.max(0, o.width - r.width),
-        y: o.y + _.y * Math.max(0, o.height - r.height)
+        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), !_) {
+    if (j(r), !A) {
       const o = {
-        width: x.width,
-        height: x.height
+        width: g.width,
+        height: g.height
       };
-      xe(r), Object.assign(x, o);
+      Se(r), Object.assign(g, o);
     }
-  }, pe = (e) => {
-    R !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(R), R = null), e && be();
-    const t = e ? je() ?? $ : null;
-    ne(() => {
-      if (t) {
-        J(t);
-        const r = {
-          width: x.width,
-          height: x.height
+  }, 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({
+      rect: r,
+      minSize: D(),
+      maxSize: W(),
+      viewport: P(),
+      viewportInsets: y(),
+      mobile: n.boundary === void 0 && M(),
+      mobilePadding: H
+    }) : null;
+    if (J(() => {
+      if (o) {
+        j(o);
+        const $ = {
+          width: g.width,
+          height: g.height
         };
-        xe(t), v === "drag" && Object.assign(x, r);
+        Se(o), f === "drag" && Object.assign(g, $);
       }
-      u = null, v = null, ue(!1), fe(!1);
-    }), Z(!1, ""), B = void 0;
-  }, ee = (e = !1) => {
-    B ? B.stop({
+      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)`
+      }, {
+        transform: `translate3d(${U.x}px, ${U.y}px, 0)`
+      }], {
+        duration: 180,
+        easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+      });
+    }
+  }, he = (e = !1) => {
+    N ? N.stop({
       commit: e
-    }) : pe(e);
+    }) : Ie(e);
   };
-  F(() => ee(!1)), it(() => {
+  B(() => {
+    he(!1), T?.cancel();
+  }), st(() => {
     const e = () => {
-      const t = k(), r = n.boundary === void 0 ? {
+      const t = q(), r = n.boundary === void 0 ? {
         boundaryHost: null,
         mode: "global"
-      } : xt({
-        owner: H
-      }), o = mt(r, n.boundary, t?.safeArea);
-      ne(() => {
-        Me(!!(o && o.width > 16 && o.height > 16)), ke(o ? {
+      } : zt({
+        owner: te
+      }), o = bt(r, n.boundary, t?.safeArea);
+      J(() => {
+        We(!!(o && o.width > 16 && o.height > 16)), De(o ? {
           x: o.left,
           y: o.top,
           width: o.width,
@@ -229,130 +271,131 @@ function Gt(n) {
         });
       });
     };
-    F(wt(window, (t) => {
-      ne(() => {
-        Fe(t), q(e);
+    B(vt(window, (t) => {
+      J(() => {
+        Be(t), Z(e);
       });
-    })), z(() => {
+    })), S(() => {
       if (!n.open || n.boundary === void 0) return;
       let t = 0;
       const r = () => {
-        q(e), t = requestAnimationFrame(r);
+        Z(e), t = requestAnimationFrame(r);
       };
-      r(), F(() => cancelAnimationFrame(t));
-    }), n.open || E({
+      r(), B(() => cancelAnimationFrame(t));
+    }), n.open || O({
       center: !n.defaultPosition
     });
-  }), z(() => {
+  }), S(() => {
     if (!n.open) return;
     M();
-    const e = !Q && !n.defaultPosition, t = () => {
-      E({
+    const e = !de && !n.defaultPosition, t = () => {
+      O({
         center: e
-      }), Q = !0;
+      }), de = !0;
     };
     if (typeof requestAnimationFrame > "u") {
       t();
       return;
     }
     requestAnimationFrame(t);
-  }), z(() => {
-    S(), C(), h(), !(!n.open || !Q || u !== null) && q(() => E({
+  }), S(() => {
+    y(), P(), w(), !(!n.open || !de || u !== null) && Z(() => O({
       center: !1
     }));
-  }), z(() => {
-    Y() || !d() || q(() => {
-      ce(!1), E({
+  }), S(() => {
+    ee() || !d() || Z(() => {
+      re(!1), O({
         center: !1
       });
     });
-  }), z(() => {
+  }), S(() => {
     if (!n.open) return;
     const e = (t) => {
       if (t.key !== "Escape") return;
       const r = typeof document < "u" ? document.activeElement : null;
-      !K(t.target) && !K(r) || Ve(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
+      !fe(t.target) && !fe(r) || Je(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(() => {
+    document.addEventListener("keydown", e, !0), B(() => document.removeEventListener("keydown", e, !0));
+  }), S(() => {
     if (!n.open) {
-      G(!1), ee(!1);
+      ae(!1), he(!1);
       return;
     }
-    G(!0);
-  }), z(() => {
+    ae(!0);
+  }), S(() => {
     if (!n.open) return;
     const e = (o) => {
-      G(K(o));
+      ae(fe(o));
     }, t = (o) => {
       e(o.target);
     }, r = (o) => {
       e(o.target);
     };
-    document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), F(() => {
+    document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), B(() => {
       document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", r);
     });
-  }), z(() => {
+  }), S(() => {
     if (!n.open) return;
-    const e = Ye();
-    u === null ? ye(e) : $ = e;
+    const e = Ge();
+    u === null ? ue(e) : C = 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 = {
+  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 = {
       x: e.clientX,
       y: e.clientY
-    }, we = {
-      ...$
-    }, A = {
+    }, I = {
+      ...C
+    }, R = {
       x: e.clientX,
       y: e.clientY
-    }, Z(!0, "grabbing"), $e(e));
-  }, y = (e) => (t) => {
-    !oe() || d() || h() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, v = "resize", fe(!0), ve = e, ge = {
+    }, 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 = {
       x: t.clientX,
       y: t.clientY
-    }, me = {
-      ...$
-    }, A = {
+    }, $e = {
+      ...C
+    }, R = {
       x: t.clientX,
       y: t.clientY
-    }, Z(!0, Xe[e]), $e(t));
-  }, ze = () => {
-    R = null, be();
-  }, Ge = (e) => {
-    if (!(u === null || e.pointerId !== u) && v !== null && (A = {
+    }, ce(!0, Ue[e]), Ce(t));
+  }, Re = () => {
+    k = null, Pe();
+  }, tt = (e) => {
+    if (!(u === null || e.pointerId !== u) && f !== null && (R = {
       x: e.clientX,
       y: e.clientY
-    }, R === null)) {
+    }, k === null)) {
       if (typeof requestAnimationFrame > "u") {
-        ze();
+        Re();
         return;
       }
-      R = requestAnimationFrame(ze);
+      k = requestAnimationFrame(Re);
     }
-  }, $e = (e) => {
-    B = ut({
+  }, Ce = (e) => {
+    N = mt({
       pointerEvent: e,
-      captureEl: s,
-      onMove: Ge,
+      // Keep click/double-click targeting on the titlebar while retaining capture.
+      captureEl: f === "drag" ? se : a,
+      onMove: tt,
       onEnd: ({
         commit: t,
         reason: r,
         snapshot: o
       }) => {
-        A = {
+        R = {
           x: o.latestClientX,
           y: o.latestClientY
-        }, pe(t || r === "pointer_cancel");
+        }, Ie(t || r === "pointer_cancel");
       }
     });
-  }, _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) => {
-    Ne(e.target) && He();
-  }, b = (e) => X("absolute z-10", {
+  }, Ae = () => {
+    !ee() || w() || (u !== null && he(!0), re(!d()), O());
+  }, 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", {
     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,67 +406,67 @@ function Gt(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = yt(), t = H;
-    return typeof t == "function" ? Ce(t, e) : H = e, e;
-  })(), l(m, {
+    var e = $t(), t = te;
+    return typeof t == "function" ? we(t, e) : te = e, e;
+  })(), l(v, {
     get when() {
-      return I.mounted();
+      return F.mounted();
     },
     get children() {
-      return l(Ke, {
+      return l(ot, {
         get children() {
-          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({
+          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({
             get "data-floating-presence"() {
-              return I.state();
+              return F.state();
             },
             get "aria-hidden"() {
-              return I.exiting() || !N() ? "true" : void 0;
+              return F.exiting() || !ne() ? "true" : void 0;
             },
             get inert() {
-              return I.exiting() || !N();
+              return F.exiting() || !ne();
             },
             get "data-floe-floating-window-compact"() {
-              return h() ? "true" : void 0;
+              return w() ? "true" : void 0;
             }
           }, {
-            [Ee]: "true"
+            [Oe]: "true"
           }, {
             get class() {
-              return X("fixed left-0 top-0 z-[100] flex flex-col", (O() || L()) && "select-none", I.exiting() && "pointer-events-none");
+              return K("fixed left-0 top-0 z-[100] flex flex-col", (X() || Y()) && "select-none", F.exiting() && "pointer-events-none");
             },
             get style() {
               return {
-                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": Oe(),
-                "will-change": O() ? "transform" : L() ? "transform, width, height" : void 0
+                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(),
+                "will-change": X() ? "transform" : Y() ? "transform, width, height" : void 0
               };
             },
             role: "dialog",
             get "aria-labelledby"() {
-              return W(() => !!n.title)() ? de() : void 0;
+              return Q(() => !!n.title)() ? ye() : void 0;
             },
             tabIndex: -1,
-            onPointerDown: Ze
-          }), !1, !0), Ie(t, Re({
-            [vt]: "true"
+            onPointerDown: it
+          }), !1, !0), ke(t, Te({
+            [pt]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
             get "data-floe-surface-interacting"() {
-              return O() || L() ? "true" : void 0;
+              return X() || Y() ? "true" : void 0;
             },
             get "data-floe-floating-window-state"() {
-              return qe() ? "active" : "inactive";
+              return je() ? "active" : "inactive";
             }
           }, {
-            [Ee]: "true"
+            [Oe]: "true"
           }, {
             get 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", (O() || L()) && "floe-floating-presence--suspended", d() && "rounded-none", n.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);
             },
             get style() {
               return {
@@ -431,60 +474,62 @@ function Gt(n) {
               };
             },
             get "data-floating-presence"() {
-              return I.state();
+              return F.state();
             }
-          }), !1, !0), r.$$dblclick = Qe, r.$$pointerdown = Ue, c(o, l(m, {
+          }), !1, !0), r.$$dblclick = nt, r.$$pointerdown = et;
+          var Me = se;
+          return typeof Me == "function" ? we(Me, r) : se = r, c(o, l(v, {
             get when() {
               return n.title;
             },
             get children() {
-              var i = pt(), T = i.firstChild;
-              return c(i, l(m, {
+              var i = St(), G = i.firstChild;
+              return c(i, l(v, {
                 get when() {
                   return n.titleIcon;
                 },
                 get children() {
-                  var Pe = bt();
-                  return c(Pe, () => n.titleIcon), Pe;
+                  var Fe = _t();
+                  return c(Fe, () => n.titleIcon), Fe;
                 }
-              }), T), c(T, () => n.title), f(() => et(i, "id", de())), i;
+              }), G), c(G, () => n.title), h(() => rt(i, "id", ye())), i;
             }
-          })), c(r, l(m, {
+          })), c(r, l(v, {
             get when() {
               return n.headerActions;
             },
             get children() {
-              var i = zt(), T = i.firstChild;
-              return c(i, () => n.headerActions, T), i;
+              var i = Pt(), G = i.firstChild;
+              return c(i, () => n.headerActions, G), i;
             }
-          }), te), c(te, l(m, {
+          }), $), c($, l(v, {
             get when() {
-              return W(() => !!Y())() && !h();
+              return Q(() => !!ee())() && !w();
             },
             get children() {
-              return l(Ae, {
+              return l(Le, {
                 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(), _e();
+                  i.stopPropagation(), Ae();
                 },
                 get "aria-label"() {
-                  return W(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
+                  return Q(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
                 },
                 get children() {
-                  return l(m, {
+                  return l(v, {
                     get when() {
                       return d();
                     },
                     get fallback() {
-                      return l(st, {
+                      return l(ht, {
                         class: "w-3 h-3"
                       });
                     },
                     get children() {
-                      return l(at, {
+                      return l(ft, {
                         class: "w-3 h-3"
                       });
                     }
@@ -492,7 +537,7 @@ function Gt(n) {
                 }
               });
             }
-          }), null), c(te, l(Ae, {
+          }), null), c($, l(Le, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -504,63 +549,63 @@ function Gt(n) {
               return n.labels?.close ?? "Close";
             },
             get children() {
-              return l(dt, {
+              return l(wt, {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), c(Je, () => n.children), c(t, l(m, {
+          }), null), c(U, () => n.children), c(t, l(v, {
             get when() {
               return n.footer;
             },
             get children() {
-              var i = $t();
+              var i = It();
               return c(i, () => n.footer), i;
             }
-          }), null), c(t, l(m, {
+          }), null), c(t, l(v, {
             get when() {
-              return W(() => !!(oe() && !d()))() && !h();
+              return Q(() => !!(xe() && !d()))() && !w();
             },
             get children() {
               return [(() => {
-                var i = _t();
-                return p(i, "pointerdown", y("n"), !0), f(() => w(i, b("n"))), i;
+                var i = Rt();
+                return _(i, "pointerdown", p("n"), !0), h(() => m(i, z("n"))), i;
               })(), (() => {
-                var i = St();
-                return p(i, "pointerdown", y("s"), !0), f(() => w(i, b("s"))), i;
-              })(), l(m, {
+                var i = Ct();
+                return _(i, "pointerdown", p("s"), !0), h(() => m(i, z("s"))), i;
+              })(), l(v, {
                 get when() {
                   return !M();
                 },
                 get children() {
                   return [(() => {
-                    var i = Pt();
-                    return p(i, "pointerdown", y("e"), !0), f(() => w(i, b("e"))), i;
+                    var i = At();
+                    return _(i, "pointerdown", p("e"), !0), h(() => m(i, z("e"))), i;
                   })(), (() => {
-                    var i = It();
-                    return p(i, "pointerdown", y("w"), !0), f(() => w(i, b("w"))), i;
+                    var i = Et();
+                    return _(i, "pointerdown", p("w"), !0), h(() => m(i, z("w"))), i;
                   })(), (() => {
-                    var i = Rt();
-                    return p(i, "pointerdown", y("ne"), !0), f(() => w(i, b("ne"))), i;
+                    var i = Mt();
+                    return _(i, "pointerdown", p("ne"), !0), h(() => m(i, z("ne"))), i;
                   })(), (() => {
-                    var i = Ct();
-                    return p(i, "pointerdown", y("nw"), !0), f(() => w(i, b("nw"))), i;
+                    var i = Ft();
+                    return _(i, "pointerdown", p("nw"), !0), h(() => m(i, z("nw"))), i;
                   })(), (() => {
-                    var i = At();
-                    return p(i, "pointerdown", y("se"), !0), f(() => w(i, b("se"))), i;
+                    var i = kt();
+                    return _(i, "pointerdown", p("se"), !0), h(() => m(i, z("se"))), i;
                   })(), (() => {
-                    var i = Et();
-                    return p(i, "pointerdown", y("sw"), !0), f(() => w(i, b("sw"))), i;
+                    var i = Tt();
+                    return _(i, "pointerdown", p("sw"), !0), h(() => m(i, z("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), 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;
+          }), 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;
         }
       });
     }
   })];
 }
-tt(["pointerdown", "dblclick"]);
+at(["pointerdown", "dblclick"]);
 export {
-  Gt as FloatingWindow
+  Kt as FloatingWindow
 };