@floegence/floe-webapp-core 0.86.0 → 0.86.1

package/dist/components/ui/FloatingWindow.js

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