@floegence/floe-webapp-core 0.53.2 → 0.53.4

package/dist/components/ui/FloatingWindow.js

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