@floegence/floe-webapp-core 0.52.10 → 0.52.12

package/dist/components/ui/FloatingWindow.js

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