@floegence/floe-webapp-core 0.86.60 → 0.86.62

package/dist/components/ui/FloatingWindow.js

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