@floegence/floe-webapp-core 0.74.0 → 0.75.0

package/dist/components/ui/FloatingWindow.js

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