@floegence/floe-webapp-core 0.36.3 → 0.36.5

package/dist/components/ui/FloatingWindow.js

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

package/dist/components/ui/index.d.ts

@@ -7,7 +7,7 @@ export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectPro
 export { Tooltip, type TooltipProps } from './Tooltip';
 export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';
-export { LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, } from './localInteractionSurface';
+export { LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveWorkbenchWidgetEventOwnership, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, } from './localInteractionSurface';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem, type TabsFeatures, type TabsSlotClassNames, type TabsIndicatorMode, type TabsIndicatorColorToken, } from './Tabs';
 export { DirectoryPicker, type DirectoryPickerProps } from './DirectoryPicker';