@floegence/floe-webapp-core 0.36.1 → 0.36.2

package/dist/components/ui/FloatingWindow.js

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

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

@@ -0,0 +1,14 @@
+export declare const DIALOG_SURFACE_HOST_ATTR = "data-floe-dialog-surface-host";
+export declare const DIALOG_SURFACE_BOUNDARY_ATTR = "data-floe-dialog-surface-boundary";
+export type DialogSurfaceInteractionSnapshot = Readonly<{
+    target: Element | null;
+    activeElement: Element | null;
+    recordedAt: number;
+}>;
+export type ResolvedDialogSurfaceHost = Readonly<{
+    host: HTMLElement | null;
+    mode: 'global' | 'surface';
+}>;
+export declare function ensureDialogSurfaceInteractionTracking(): void;
+export declare function resolveDialogSurfaceHost(): ResolvedDialogSurfaceHost;
+export declare function __resetDialogSurfaceScopeForTests(): void;

package/dist/components/ui/dialogSurfaceScope.js

@@ -0,0 +1,45 @@
+const a = "data-floe-dialog-surface-host", m = "data-floe-dialog-surface-boundary";
+let o = null, t = null;
+function d(e) {
+  return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
+}
+function f(e) {
+  const n = e?.activeElement;
+  return n instanceof Element ? n : null;
+}
+function i(e) {
+  const n = typeof document < "u" ? document : null;
+  o = {
+    target: d(e),
+    activeElement: f(n),
+    recordedAt: Date.now()
+  };
+}
+function r(e) {
+  i(e.target);
+}
+function u(e) {
+  i(e.target);
+}
+function l() {
+  typeof document > "u" || t !== document && (t && (t.removeEventListener("pointerdown", r, !0), t.removeEventListener("focusin", u, !0)), document.addEventListener("pointerdown", r, !0), document.addEventListener("focusin", u, !0), t = document);
+}
+function s() {
+  return !o || Date.now() - o.recordedAt > 1600 ? null : o;
+}
+function c(e) {
+  const n = e?.closest(`[${a}="true"]`);
+  return n instanceof HTMLElement && n.isConnected ? n : null;
+}
+function E() {
+  l();
+  const e = s(), n = c(e?.target ?? null) ?? c(e?.activeElement ?? null);
+  return n ? { host: n, mode: "surface" } : { host: null, mode: "global" };
+}
+typeof document < "u" && l();
+export {
+  m as DIALOG_SURFACE_BOUNDARY_ATTR,
+  a as DIALOG_SURFACE_HOST_ATTR,
+  l as ensureDialogSurfaceInteractionTracking,
+  E as resolveDialogSurfaceHost
+};