@floegence/floe-webapp-core 0.36.69 → 0.36.70

package/dist/components/ui/FloatingWindow.js

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