@floegence/floe-webapp-core 0.50.5 → 0.51.0

package/dist/components/ui/FloatingWindow.js

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