@floegence/floe-webapp-core 0.72.0 → 0.73.0

package/dist/components/ui/FloatingWindow.js

@@ -1,39 +1,45 @@
-import { createComponent as l, Portal as Ge, spread as _e, mergeProps as Se, memo as B, insert as c, effect as f, setAttribute as Je, addEventListener as b, className as w, template as s, use as Ie, delegateEvents as Qe } from "solid-js/web";
-import { createSignal as g, createUniqueId as Ze, onCleanup as C, onMount as Ke, createEffect as _, untrack as Pe, Show as z, batch as Re } from "solid-js";
+import { createComponent as l, Portal as Ge, spread as _e, mergeProps as Se, memo as O, insert as c, effect as f, setAttribute as Qe, addEventListener as b, className as w, template as s, use as Pe, delegateEvents as Ze } from "solid-js/web";
+import { createSignal as g, createUniqueId as Je, onCleanup as C, onMount as Ke, createEffect as p, untrack as B, Show as z, batch as ee } from "solid-js";
 import { useMediaQuery as et } from "../../hooks/useMediaQuery.js";
 import { cn as D } from "../../utils/cn.js";
 import { useOptionalLayout as tt } from "../../context/LayoutContext.js";
-import { Button as Ae } from "./Button.js";
+import { Button as Ie } from "./Button.js";
 import { Restore as nt, Maximize as it, X as ot } from "../icons/index.js";
 import { startHotInteraction as rt } from "../../utils/hotInteraction.js";
 import { startPointerSession as lt } from "./pointerSession.js";
-import { resolveFloatingWindowViewport as Z, normalizeFloatingWindowRect as at, resolveFloatingWindowRect as st } from "./floatingWindowGeometry.js";
-import { createFloatingPresence as dt } from "./floatingPresence.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as Ee } from "./localInteractionSurface.js";
-import { readSurfaceSafeArea as ut, resolveFloatingBoundary as ct } from "./surfaceFloatingBoundary.js";
+import { resolveFloatingWindowViewport as te, normalizeFloatingWindowRect as at, resolveFloatingWindowRect as st } from "./floatingWindowGeometry.js";
+import { observeViewport as dt } from "../../viewport.js";
+import { createFloatingPresence as ut } from "./floatingPresence.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as Re } from "./localInteractionSurface.js";
+import { resolveFloatingBoundary as ct } from "./surfaceFloatingBoundary.js";
 import { SURFACE_PORTAL_LAYER_ATTR as ft, resolveSurfacePortalHost as ht, SURFACE_FLOATING_LAYER_ATTR as wt } from "./dialogSurfaceScope.js";
-var gt = /* @__PURE__ */ s("<span hidden>"), mt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), vt = /* @__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">'), yt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), xt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), St = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), It = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), Pt = /* @__PURE__ */ s('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="flex-1 overflow-auto p-3">');
-function Yt(n) {
-  const K = () => n.resizable ?? !0, H = () => n.maximizable ?? !0, ee = () => n.draggable ?? !0, te = () => n.minSize ?? {
+var gt = /* @__PURE__ */ s("<span hidden>"), mt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), vt = /* @__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">'), xt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), yt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), St = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), Pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), It = /* @__PURE__ */ s('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
+function Xt(n) {
+  const ne = () => n.resizable ?? !0, W = () => n.maximizable ?? !0, ie = () => n.draggable ?? !0, oe = () => n.minSize ?? {
     width: 200,
     height: 150
-  }, ne = () => n.maxSize ?? {
+  }, re = () => n.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
   };
-  let N;
-  const Ce = ut(), [F, ie] = g({}), [Fe, oe] = g(1 / 0), [Y, re] = g(!0), h = () => !!(n.compactBelow && Fe() < n.compactBelow), S = () => ({
-    top: (F().top ?? 0) + (n.viewportInsets?.top ?? 0),
-    right: (F().right ?? 0) + (n.viewportInsets?.right ?? 0),
-    bottom: (F().bottom ?? 0) + (n.viewportInsets?.bottom ?? 0),
-    left: (F().left ?? 0) + (n.viewportInsets?.left ?? 0)
-  }), Le = () => n.zIndex ?? 100, ke = Ze(), L = tt()?.isMobile ?? et("(max-width: 767px)"), le = 16, ae = () => `floating-window-${ke}-title`, [q, Me] = g(n.defaultPosition ?? {
+  let q;
+  const [Y, Ae] = g(), [R, Ee] = g({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  }, {
+    equals: (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height
+  }), [N, Ce] = g(!0), h = () => !!(n.compactBelow && R().width < n.compactBelow), S = () => n.viewportInsets, X = (e) => ({
+    x: e.x + (Y()?.fixedOffset.left ?? 0),
+    y: e.y + (Y()?.fixedOffset.top ?? 0)
+  }), Fe = () => n.zIndex ?? 100, ke = Je(), F = tt()?.isMobile ?? et("(max-width: 767px)"), le = 16, ae = () => `floating-window-${ke}-title`, [H, Le] = g(n.defaultPosition ?? {
     x: 0,
     y: 0
-  }), [X, Oe] = g(n.defaultSize ?? {
+  }), [U, Me] = g(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, se] = g(!1), [k, de] = g(!1), [M, ue] = g(!1), [Te, U] = g(!1), I = dt({
+  }), [d, se] = g(!1), [k, de] = g(!1), [L, ue] = g(!1), [Te, V] = g(!1), P = ut({
     open: () => n.open
   });
   let ce = {
@@ -52,30 +58,27 @@ function Yt(n) {
     y: 0,
     width: 0,
     height: 0
-  }, ge = "se", a, u = null, O, m = null, E = {
+  }, ge = "se", a, u = null, M, m = null, A = {
     x: 0,
     y: 0
-  }, P = null, T = null, j = !1, p = {
+  }, I = null, T = null, j = !1, $ = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
     height: n.defaultSize?.height ?? 300
   }, v = {
-    ...p
-  }, $;
+    ...$
+  }, _;
   const me = (e) => {
     v = {
       ...e
     };
-    const t = Z({
-      width: window.innerWidth,
-      height: window.innerHeight
-    }, 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 = te(R(), 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
     };
-  }, We = {
+  }, Oe = {
     n: "ns-resize",
     s: "ns-resize",
     e: "ew-resize",
@@ -84,7 +87,7 @@ function Yt(n) {
     nw: "nwse-resize",
     se: "nwse-resize",
     sw: "nesw-resize"
-  }, V = (e, t) => {
+  }, G = (e, t) => {
     if (!e) {
       T?.(), T = null;
       return;
@@ -95,20 +98,22 @@ function Yt(n) {
       lockUserSelect: !0
     });
   }, ve = (e) => {
-    p = e, a && (a.style.transform = `translate3d(${e.x}px, ${e.y}px, 0)`, a.style.width = `${e.width}px`, a.style.height = `${e.height}px`);
+    if ($ = e, !a) return;
+    const t = X(e);
+    a.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, a.style.width = `${e.width}px`, a.style.height = `${e.height}px`;
   }, Be = () => {
-    const e = q(), t = X();
+    const e = H(), t = U();
     return {
       x: e.x,
       y: e.y,
       width: t.width,
       height: t.height
     };
-  }, G = (e) => {
-    p = e, Me((t) => t.x === e.x && t.y === e.y ? t : {
+  }, Q = (e) => {
+    $ = e, Le((t) => t.x === e.x && t.y === e.y ? t : {
       x: e.x,
       y: e.y
-    }), Oe((t) => t.width === e.width && t.height === e.height ? t : {
+    }), Me((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
@@ -119,10 +124,10 @@ function Yt(n) {
       });
     } catch {
     }
-  }, He = (e) => {
+  }, We = (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;
-  }, J = (e) => !!a && e instanceof Node && a.contains(e), Ne = (e) => {
+  }, Z = (e) => !!a && e instanceof Node && a.contains(e), qe = (e) => {
     const o = (e instanceof Element ? e : null)?.closest('[role="menu"]')?.closest(`[${wt}="true"]`);
     return !!(o && a?.contains(o));
   }, Ye = () => {
@@ -134,66 +139,60 @@ function Yt(n) {
       width: e.width,
       height: e.height
     };
-  }, ye = () => {
+  }, xe = () => {
     n.open && (u === null || m === null || typeof window > "u" || ve(st({
       mode: m,
-      pointer: E,
+      pointer: A,
       dragStartPos: ce,
       dragStartRect: fe,
       resizeStartPos: he,
       resizeStartRect: we,
       resizeHandle: ge,
-      minSize: te(),
-      maxSize: ne(),
-      viewport: {
-        width: window.innerWidth,
-        height: window.innerHeight
-      },
+      minSize: oe(),
+      maxSize: re(),
+      viewport: R(),
       viewportInsets: S(),
-      mobile: L(),
+      mobile: F(),
       mobilePadding: le
     })));
-  }, R = (e) => {
+  }, E = (e) => {
     if (typeof window > "u") return;
-    const t = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    };
+    const t = R();
     if (d() || h()) {
-      G(Z(t, S()));
+      Q(te(t, S()));
       return;
     }
     let r = at({
       rect: v,
-      minSize: te(),
-      maxSize: ne(),
+      minSize: oe(),
+      maxSize: re(),
       viewport: t,
       viewportInsets: S(),
-      mobile: n.boundary === void 0 && L(),
+      mobile: n.boundary === void 0 && F(),
       mobilePadding: le,
       center: e?.center ?? !1
     });
-    if (n.boundary !== void 0 && $ && !e?.center) {
-      const o = Z(t, S());
+    if (n.boundary !== void 0 && _ && !e?.center) {
+      const o = te(t, S());
       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 + _.x * Math.max(0, o.width - r.width),
+        y: o.y + _.y * Math.max(0, o.height - r.height)
       };
     }
-    if (G(r), !$) {
+    if (Q(r), !_) {
       const o = {
         width: v.width,
         height: v.height
       };
       me(r), Object.assign(v, o);
     }
-  }, xe = (e) => {
-    P !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(P), P = null), e && ye();
-    const t = e ? Ye() ?? p : null;
-    Re(() => {
+  }, ye = (e) => {
+    I !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(I), I = null), e && xe();
+    const t = e ? Ye() ?? $ : null;
+    ee(() => {
       if (t) {
-        G(t);
+        Q(t);
         const r = {
           width: v.width,
           height: v.height
@@ -201,45 +200,53 @@ function Yt(n) {
         me(t), m === "drag" && Object.assign(v, r);
       }
       u = null, m = null, de(!1), ue(!1);
-    }), V(!1, ""), O = void 0;
-  }, Q = (e = !1) => {
-    O ? O.stop({
+    }), G(!1, ""), M = void 0;
+  }, J = (e = !1) => {
+    M ? M.stop({
       commit: e
-    }) : xe(e);
+    }) : ye(e);
   };
-  C(() => Q(!1)), Ke(() => {
-    let e = 0;
-    const t = () => {
-      if (n.boundary !== void 0) {
-        const o = ct(ht({
-          owner: N
-        }), n.boundary, Ce), A = o ? {
-          top: o.top,
-          left: o.left,
-          right: window.innerWidth - o.right,
-          bottom: window.innerHeight - o.bottom
-        } : {};
-        Re(() => {
-          re(!!(o && o.width > 16 && o.height > 16)), oe(o?.width ?? 0), ie((W) => JSON.stringify(W) === JSON.stringify(A) ? W : A);
+  C(() => J(!1)), Ke(() => {
+    const e = () => {
+      const t = Y(), r = n.boundary === void 0 ? {
+        boundaryHost: null,
+        mode: "global"
+      } : ht({
+        owner: q
+      }), o = ct(r, n.boundary, t?.safeArea);
+      ee(() => {
+        Ce(!!(o && o.width > 16 && o.height > 16)), Ee(o ? {
+          x: o.left,
+          y: o.top,
+          width: o.width,
+          height: o.height
+        } : {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
         });
-      } else
-        re(!0), oe(window.innerWidth), ie((o) => Object.keys(o).length ? {} : o);
-      e = requestAnimationFrame(t);
+      });
     };
-    t(), C(() => cancelAnimationFrame(e)), n.open || R({
+    C(dt(window, (t) => {
+      ee(() => {
+        Ae(t), B(e);
+      });
+    })), p(() => {
+      if (!n.open || n.boundary === void 0) return;
+      let t = 0;
+      const r = () => {
+        B(e), t = requestAnimationFrame(r);
+      };
+      r(), C(() => cancelAnimationFrame(t));
+    }), n.open || E({
       center: !n.defaultPosition
     });
-    const r = () => {
-      u === null && R({
-        center: !1
-      });
-    };
-    window.addEventListener("resize", r), C(() => window.removeEventListener("resize", r));
-  }), _(() => {
+  }), p(() => {
     if (!n.open) return;
-    L();
+    F();
     const e = !j && !n.defaultPosition, t = () => {
-      R({
+      E({
         center: e
       }), j = !0;
     };
@@ -248,34 +255,34 @@ function Yt(n) {
       return;
     }
     requestAnimationFrame(t);
-  }), _(() => {
-    S(), h(), !(!n.open || !j || u !== null) && Pe(() => R({
+  }), p(() => {
+    S(), R(), h(), !(!n.open || !j || u !== null) && B(() => E({
       center: !1
     }));
-  }), _(() => {
-    H() || !d() || Pe(() => {
-      se(!1), R({
+  }), p(() => {
+    W() || !d() || B(() => {
+      se(!1), E({
         center: !1
       });
     });
-  }), _(() => {
+  }), p(() => {
     if (!n.open) return;
     const e = (t) => {
       if (t.key !== "Escape") return;
       const r = typeof document < "u" ? document.activeElement : null;
-      !J(t.target) && !J(r) || Ne(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
+      !Z(t.target) && !Z(r) || qe(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
     };
     document.addEventListener("keydown", e, !0), C(() => document.removeEventListener("keydown", e, !0));
-  }), _(() => {
+  }), p(() => {
     if (!n.open) {
-      U(!1), Q(!1);
+      V(!1), J(!1);
       return;
     }
-    U(!0);
-  }), _(() => {
+    V(!0);
+  }), p(() => {
     if (!n.open) return;
     const e = (o) => {
-      U(J(o));
+      V(Z(o));
     }, t = (o) => {
       e(o.target);
     }, r = (o) => {
@@ -284,46 +291,46 @@ function Yt(n) {
     document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), C(() => {
       document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", r);
     });
-  }), _(() => {
+  }), p(() => {
     if (!n.open) return;
     const e = Be();
-    u === null ? ve(e) : p = e;
+    u === null ? ve(e) : $ = e;
   });
-  const qe = (e) => {
-    !ee() || 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, m = "drag", de(!0), ce = {
+  const Ne = (e) => {
+    !ie() || 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, m = "drag", de(!0), ce = {
       x: e.clientX,
       y: e.clientY
     }, fe = {
-      ...p
-    }, E = {
+      ...$
+    }, A = {
       x: e.clientX,
       y: e.clientY
-    }, V(!0, "grabbing"), ze(e));
-  }, y = (e) => (t) => {
-    !K() || d() || h() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, m = "resize", ue(!0), ge = e, he = {
+    }, G(!0, "grabbing"), pe(e));
+  }, x = (e) => (t) => {
+    !ne() || d() || h() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, m = "resize", ue(!0), ge = e, he = {
       x: t.clientX,
       y: t.clientY
     }, we = {
-      ...p
-    }, E = {
+      ...$
+    }, A = {
       x: t.clientX,
       y: t.clientY
-    }, V(!0, We[e]), ze(t));
+    }, G(!0, Oe[e]), pe(t));
   }, be = () => {
-    P = null, ye();
+    I = null, xe();
   }, Xe = (e) => {
-    if (!(u === null || e.pointerId !== u) && m !== null && (E = {
+    if (!(u === null || e.pointerId !== u) && m !== null && (A = {
       x: e.clientX,
       y: e.clientY
-    }, P === null)) {
+    }, I === null)) {
       if (typeof requestAnimationFrame > "u") {
         be();
         return;
       }
-      P = requestAnimationFrame(be);
+      I = requestAnimationFrame(be);
     }
-  }, ze = (e) => {
-    O = lt({
+  }, pe = (e) => {
+    M = lt({
       pointerEvent: e,
       captureEl: a,
       onMove: Xe,
@@ -332,19 +339,19 @@ function Yt(n) {
         reason: r,
         snapshot: o
       }) => {
-        E = {
+        A = {
           x: o.latestClientX,
           y: o.latestClientY
-        }, xe(t || r === "pointer_cancel");
+        }, ye(t || r === "pointer_cancel");
       }
     });
-  }, pe = () => {
-    !H() || h() || (u !== null && Q(!0), se(!d()), R());
+  }, ze = () => {
+    !W() || h() || (u !== null && J(!0), se(!d()), E());
+  }, He = (e) => {
+    e.target?.closest("button, [data-floe-floating-window-header-actions]") || ze();
   }, Ue = (e) => {
-    e.target?.closest("button, [data-floe-floating-window-header-actions]") || pe();
-  }, je = (e) => {
-    He(e.target) && De();
-  }, x = (e) => D("absolute z-10", {
+    We(e.target) && De();
+  }, y = (e) => D("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",
@@ -355,67 +362,67 @@ function Yt(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = gt(), t = N;
-    return typeof t == "function" ? Ie(t, e) : N = e, e;
+    var e = gt(), t = q;
+    return typeof t == "function" ? Pe(t, e) : q = e, e;
   })(), l(z, {
     get when() {
-      return I.mounted();
+      return P.mounted();
     },
     get children() {
       return l(Ge, {
         get children() {
-          var e = Pt(), t = e.firstChild, r = t.firstChild, o = r.firstChild, A = o.nextSibling, W = r.nextSibling, $e = a;
-          return typeof $e == "function" ? Ie($e, e) : a = e, _e(e, Se({
+          var e = It(), t = e.firstChild, r = t.firstChild, o = r.firstChild, K = o.nextSibling, Ve = r.nextSibling, $e = a;
+          return typeof $e == "function" ? Pe($e, e) : a = e, _e(e, Se({
             get "data-floating-presence"() {
-              return I.state();
+              return P.state();
             },
             get "aria-hidden"() {
-              return I.exiting() || !Y() ? "true" : void 0;
+              return P.exiting() || !N() ? "true" : void 0;
             },
             get inert() {
-              return I.exiting() || !Y();
+              return P.exiting() || !N();
             },
             get "data-floe-floating-window-compact"() {
               return h() ? "true" : void 0;
             }
           }, {
-            [Ee]: "true"
+            [Re]: "true"
           }, {
             get class() {
-              return D("fixed left-0 top-0 z-[100] flex flex-col", (k() || M()) && "select-none", I.exiting() && "pointer-events-none");
+              return D("fixed left-0 top-0 z-[100] flex flex-col", (k() || L()) && "select-none", P.exiting() && "pointer-events-none");
             },
             get style() {
               return {
-                visibility: Y() ? void 0 : "hidden",
-                width: `${X().width}px`,
-                height: `${X().height}px`,
-                transform: `translate3d(${q().x}px, ${q().y}px, 0)`,
-                "z-index": Le(),
-                "will-change": k() ? "transform" : M() ? "transform, width, height" : void 0
+                visibility: N() ? void 0 : "hidden",
+                width: `${U().width}px`,
+                height: `${U().height}px`,
+                transform: `translate3d(${X(H()).x}px, ${X(H()).y}px, 0)`,
+                "z-index": Fe(),
+                "will-change": k() ? "transform" : L() ? "transform, width, height" : void 0
               };
             },
             role: "dialog",
             get "aria-labelledby"() {
-              return B(() => !!n.title)() ? ae() : void 0;
+              return O(() => !!n.title)() ? ae() : void 0;
             },
             tabIndex: -1,
-            onPointerDown: je
+            onPointerDown: Ue
           }), !1, !0), _e(t, Se({
             [ft]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
             get "data-floe-surface-interacting"() {
-              return k() || M() ? "true" : void 0;
+              return k() || L() ? "true" : void 0;
             },
             get "data-floe-floating-window-state"() {
               return Te() ? "active" : "inactive";
             }
           }, {
-            [Ee]: "true"
+            [Re]: "true"
           }, {
             get class() {
-              return D("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (k() || M()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
+              return D("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (k() || L()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
             },
             get style() {
               return {
@@ -423,39 +430,39 @@ function Yt(n) {
               };
             },
             get "data-floating-presence"() {
-              return I.state();
+              return P.state();
             }
-          }), !1, !0), r.$$dblclick = Ue, r.$$pointerdown = qe, c(o, l(z, {
+          }), !1, !0), r.$$dblclick = He, r.$$pointerdown = Ne, c(o, l(z, {
             get when() {
               return n.title;
             },
             get children() {
               var i = mt();
-              return c(i, () => n.title), f(() => Je(i, "id", ae())), i;
+              return c(i, () => n.title), f(() => Qe(i, "id", ae())), i;
             }
           })), c(r, l(z, {
             get when() {
               return n.headerActions;
             },
             get children() {
-              var i = vt(), Ve = i.firstChild;
-              return c(i, () => n.headerActions, Ve), i;
+              var i = vt(), je = i.firstChild;
+              return c(i, () => n.headerActions, je), i;
             }
-          }), A), c(A, l(z, {
+          }), K), c(K, l(z, {
             get when() {
-              return B(() => !!H())() && !h();
+              return O(() => !!W())() && !h();
             },
             get children() {
-              return l(Ae, {
+              return l(Ie, {
                 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(), pe();
+                  i.stopPropagation(), ze();
                 },
                 get "aria-label"() {
-                  return B(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
+                  return O(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
                 },
                 get children() {
                   return l(z, {
@@ -476,7 +483,7 @@ function Yt(n) {
                 }
               });
             }
-          }), null), c(A, l(Ae, {
+          }), null), c(K, l(Ie, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -492,59 +499,59 @@ function Yt(n) {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), c(W, () => n.children), c(t, l(z, {
+          }), null), c(Ve, () => n.children), c(t, l(z, {
             get when() {
               return n.footer;
             },
             get children() {
-              var i = yt();
+              var i = xt();
               return c(i, () => n.footer), i;
             }
           }), null), c(t, l(z, {
             get when() {
-              return B(() => !!(K() && !d()))() && !h();
+              return O(() => !!(ne() && !d()))() && !h();
             },
             get children() {
               return [(() => {
-                var i = xt();
-                return b(i, "pointerdown", y("n"), !0), f(() => w(i, x("n"))), i;
+                var i = yt();
+                return b(i, "pointerdown", x("n"), !0), f(() => w(i, y("n"))), i;
               })(), (() => {
                 var i = bt();
-                return b(i, "pointerdown", y("s"), !0), f(() => w(i, x("s"))), i;
+                return b(i, "pointerdown", x("s"), !0), f(() => w(i, y("s"))), i;
               })(), l(z, {
                 get when() {
-                  return !L();
+                  return !F();
                 },
                 get children() {
                   return [(() => {
-                    var i = zt();
-                    return b(i, "pointerdown", y("e"), !0), f(() => w(i, x("e"))), i;
-                  })(), (() => {
                     var i = pt();
-                    return b(i, "pointerdown", y("w"), !0), f(() => w(i, x("w"))), i;
+                    return b(i, "pointerdown", x("e"), !0), f(() => w(i, y("e"))), i;
+                  })(), (() => {
+                    var i = zt();
+                    return b(i, "pointerdown", x("w"), !0), f(() => w(i, y("w"))), i;
                   })(), (() => {
                     var i = $t();
-                    return b(i, "pointerdown", y("ne"), !0), f(() => w(i, x("ne"))), i;
+                    return b(i, "pointerdown", x("ne"), !0), f(() => w(i, y("ne"))), i;
                   })(), (() => {
                     var i = _t();
-                    return b(i, "pointerdown", y("nw"), !0), f(() => w(i, x("nw"))), i;
+                    return b(i, "pointerdown", x("nw"), !0), f(() => w(i, y("nw"))), i;
                   })(), (() => {
                     var i = St();
-                    return b(i, "pointerdown", y("se"), !0), f(() => w(i, x("se"))), i;
+                    return b(i, "pointerdown", x("se"), !0), f(() => w(i, y("se"))), i;
                   })(), (() => {
-                    var i = It();
-                    return b(i, "pointerdown", y("sw"), !0), f(() => w(i, x("sw"))), i;
+                    var i = Pt();
+                    return b(i, "pointerdown", x("sw"), !0), f(() => w(i, y("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), null), f(() => w(r, D("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", ee() && !d() && !h() && "cursor-move"))), e;
+          }), null), f(() => w(r, D("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", ie() && !d() && !h() && "cursor-move"))), e;
         }
       });
     }
   })];
 }
-Qe(["pointerdown", "dblclick"]);
+Ze(["pointerdown", "dblclick"]);
 export {
-  Yt as FloatingWindow
+  Xt as FloatingWindow
 };