@floegence/floe-webapp-core 0.50.1 → 0.50.3

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

@@ -5,6 +5,13 @@ export interface DialogProps {
     /** Dialog title - can be a string or JSX element for custom headers */
     title?: string | JSX.Element;
     description?: string;
+    /** Localized accessible name for the close button. */
+    closeLabel?: string;
+    /** Whether clicking the backdrop requests dismissal. Defaults to true. */
+    closeOnBackdropClick?: boolean;
+    /** Bubble lets nested inputs consume Escape before the dialog handles it. */
+    escapeKeyPhase?: 'capture' | 'bubble';
+    onKeyDown?: JSX.EventHandler<HTMLDivElement, KeyboardEvent>;
     children: JSX.Element;
     footer?: JSX.Element;
     class?: string;

package/dist/components/ui/Dialog.js

@@ -1,16 +1,16 @@
-import { createComponent as r, use as E, setAttribute as f, style as Y, Portal as X, spread as k, mergeProps as P, memo as S, insert as a, effect as N, template as u } from "solid-js/web";
-import { createUniqueId as J, createSignal as I, createMemo as H, createEffect as Q, onCleanup as ee, Show as b, untrack as te } from "solid-js";
-import { cn as A } from "../../utils/cn.js";
-import { Button as B } from "./Button.js";
+import { createComponent as o, use as E, setAttribute as f, style as Y, Portal as X, spread as P, mergeProps as R, memo as B, insert as a, effect as N, template as s } from "solid-js/web";
+import { createUniqueId as J, createSignal as S, createMemo as H, createEffect as Q, onCleanup as ee, Show as b, untrack as te } from "solid-js";
+import { cn as O } from "../../utils/cn.js";
+import { Button as D } from "./Button.js";
 import { X as ne } from "../icons/index.js";
 import { useResolvedFloeConfig as re } from "../../context/FloeConfigContext.js";
 import { useOverlayMask as oe } from "../../hooks/useOverlayMask.js";
-import { resolveSurfacePortalHost as ie, DIALOG_SURFACE_BOUNDARY_ATTR as O, isSurfacePortalMode as j, projectSurfacePortalRect as le, resolveSurfacePortalBoundaryRect as ae, resolveSurfacePortalMount as de } from "./dialogSurfaceScope.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as ce } from "./localInteractionSurface.js";
-import { createFloatingPresence as ue } from "./floatingPresence.js";
-import { useDialogPlacement as se } from "./DialogPlacementContext.js";
-var fe = /* @__PURE__ */ u("<span aria-hidden=true>"), ge = /* @__PURE__ */ u('<h2 class="text-sm font-semibold">'), me = /* @__PURE__ */ u('<p class="mt-0.5 text-xs text-muted-foreground">'), he = /* @__PURE__ */ u('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), be = /* @__PURE__ */ u('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), ve = /* @__PURE__ */ u('<div><div></div><div class="pointer-events-none relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), we = /* @__PURE__ */ u("<div>");
-const ye = {
+import { resolveSurfacePortalHost as ie, DIALOG_SURFACE_BOUNDARY_ATTR as k, isSurfacePortalMode as j, projectSurfacePortalRect as le, resolveSurfacePortalBoundaryRect as ae, resolveSurfacePortalMount as ce } from "./dialogSurfaceScope.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as de } from "./localInteractionSurface.js";
+import { createFloatingPresence as se } from "./floatingPresence.js";
+import { useDialogPlacement as ue } from "./DialogPlacementContext.js";
+var fe = /* @__PURE__ */ s("<span aria-hidden=true>"), ge = /* @__PURE__ */ s('<h2 class="text-sm font-semibold">'), me = /* @__PURE__ */ s('<p class="mt-0.5 text-xs text-muted-foreground">'), he = /* @__PURE__ */ s('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), be = /* @__PURE__ */ s('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), we = /* @__PURE__ */ s('<div><div></div><div class="pointer-events-none relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), ye = /* @__PURE__ */ s("<div>");
+const ve = {
   display: "none"
 };
 function xe(e) {
@@ -33,50 +33,51 @@ function $e(e) {
   }
   window.clearTimeout(e);
 }
-function _e(e) {
-  const g = se(), d = J(), F = () => `dialog-${d}-title`, D = () => `dialog-${d}-description`;
-  let v;
-  const [w, G] = I(null), [M, z] = I(0), [L, Z] = I(0), s = ue({
-    open: () => e.open && !!w() && M() > 0,
+function Ce(e) {
+  const g = ue(), c = J(), I = () => `dialog-${c}-title`, F = () => `dialog-${c}-description`;
+  let w;
+  const [y, G] = S(null), [M, K] = S(0), [L, z] = S(0), u = se({
+    open: () => e.open && !!y() && M() > 0,
     exitDurationMs: 120
-  }), y = () => s.mounted() && !!w() && M() > 0, U = (t) => {
+  }), v = () => u.mounted() && !!y() && M() > 0, Z = (t) => {
     G(t), xe(() => {
-      te(w) === t && z((i) => i + 1);
+      te(y) === t && K((l) => l + 1);
     });
-  }, x = H(() => y() ? ie({
-    owner: w()
+  }, x = H(() => v() ? ie({
+    owner: y()
   }) : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), p = () => `dialog-boundary-${d}`, n = () => g.mode() === "auto" && j(x()), V = () => n() ? de(x()) : void 0, T = () => e.globalZIndex ?? g.globalZIndex(), R = (t) => le(ae(t), t), K = () => R(x()), $ = H(() => (L(), K())), W = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${O}="${p()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${O}="${p()}"]`) : !1;
+  }), p = () => `dialog-boundary-${c}`, n = () => g.mode() === "auto" && j(x()), U = () => n() ? ce(x()) : void 0, T = () => e.globalZIndex ?? g.globalZIndex(), A = (t) => le(ae(t), t), V = () => A(x()), $ = H(() => (L(), V())), W = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${k}="${p()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${k}="${p()}"]`) : !1;
   return Q(() => {
     const t = x();
-    if (!y() || !n() || typeof window > "u")
+    if (!v() || !n() || typeof window > "u")
       return;
-    let i = !1, m = null, o = q(R(t));
-    const _ = () => {
-      if (i || !j(t))
+    let l = !1, m = null, i = q(A(t));
+    const C = () => {
+      if (l || !j(t))
         return;
-      const l = q(R(t));
-      l !== o && (o = l, Z((C) => C + 1));
+      const r = q(A(t));
+      r !== i && (i = r, z((_) => _ + 1));
     }, h = () => {
-      i || (m = pe(() => {
-        _(), h();
+      l || (m = pe(() => {
+        C(), h();
       }));
     };
     h(), ee(() => {
-      i = !0, m !== null && $e(m);
+      l = !0, m !== null && $e(m);
     });
   }), oe({
-    open: y,
-    root: () => v,
-    containsTarget: (t) => n() ? W(t) : typeof Node < "u" && t instanceof Node ? !!v?.contains(t) : !1,
+    open: v,
+    root: () => w,
+    containsTarget: (t) => n() ? W(t) : typeof Node < "u" && t instanceof Node ? !!w?.contains(t) : !1,
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !n(),
     trapFocus: !0,
     closeOnEscape: () => n() ? "inside" : !0,
+    escapeKeyPhase: () => e.escapeKeyPhase ?? "capture",
     blockHotkeys: !0,
     // Block scroll bleed outside the dialog while keeping the dialog content scrollable.
     blockWheel: () => n() ? "none" : "outside",
@@ -84,36 +85,36 @@ function _e(e) {
     restoreFocus: !0
   }), [(() => {
     var t = fe();
-    return E(U, t), f(t, "data-floe-dialog-owner-anchor", d), Y(t, ye), t;
-  })(), r(b, {
+    return E(Z, t), f(t, "data-floe-dialog-owner-anchor", c), Y(t, ve), t;
+  })(), o(b, {
     get when() {
-      return y();
+      return v();
     },
     get children() {
-      return r(X, {
+      return o(X, {
         get mount() {
-          return V();
+          return U();
         },
         get children() {
-          var t = ve(), i = t.firstChild, m = i.nextSibling, o = m.firstChild, _ = o.firstChild;
-          f(t, "data-floe-dialog-overlay-root", d), k(t, P({
+          var t = we(), l = t.firstChild, m = l.nextSibling, i = m.firstChild, C = i.firstChild;
+          f(t, "data-floe-dialog-overlay-root", c), P(t, R({
             get "data-floe-dialog-mode"() {
               return n() ? "surface" : "global";
             },
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             get "aria-hidden"() {
-              return s.exiting() ? "true" : void 0;
+              return u.exiting() ? "true" : void 0;
             }
           }, () => ({
-            [ce]: n() ? "true" : void 0
+            [de]: n() ? "true" : void 0
           }), {
             get class() {
-              return A(n() ? "absolute z-20 box-border p-3" : A("fixed inset-0 box-border p-4", T() === void 0 && "z-50"), s.exiting() && "pointer-events-none");
+              return O(n() ? "absolute z-20 box-border p-3" : O("fixed inset-0 box-border p-4", T() === void 0 && "z-50"), u.exiting() && "pointer-events-none");
             },
             get style() {
-              return S(() => !!n())() ? {
+              return B(() => !!n())() ? {
                 left: `${$().left}px`,
                 top: `${$().top}px`,
                 width: `${$().width}px`,
@@ -122,80 +123,85 @@ function _e(e) {
                 "z-index": T()
               };
             }
-          }), !1, !0), f(i, "data-floe-dialog-backdrop", d), k(i, P(() => ({
-            [O]: p()
+          }), !1, !0), f(l, "data-floe-dialog-backdrop", c), P(l, R(() => ({
+            [k]: p()
           }), {
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             get class() {
-              return A("absolute inset-0 cursor-pointer floe-floating-presence floe-floating-backdrop", n() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
+              return O("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", n() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
-            onClick: () => e.onOpenChange(!1)
+            onClick: () => {
+              e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
+            }
           }), !1, !1);
-          var h = v;
-          return typeof h == "function" ? E(h, o) : v = o, f(o, "data-floe-dialog-panel", d), k(o, P(() => ({
-            [O]: p()
+          var h = w;
+          return typeof h == "function" ? E(h, i) : w = i, f(i, "data-floe-dialog-panel", c), P(i, R(() => ({
+            [k]: p()
           }), {
             get class() {
-              return A(n() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
+              return O(n() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
             },
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             role: "dialog",
             get "aria-modal"() {
               return n() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return S(() => !!e.title)() ? F() : void 0;
+              return B(() => !!e.title)() ? I() : void 0;
             },
             get "aria-describedby"() {
-              return S(() => !!e.description)() ? D() : void 0;
+              return B(() => !!e.description)() ? F() : void 0;
             },
+            onKeyDown: (r) => e.onKeyDown?.(r),
             tabIndex: -1
-          }), !1, !0), a(o, r(b, {
+          }), !1, !0), a(i, o(b, {
             get when() {
               return e.title || e.description;
             },
             get children() {
-              var l = he(), C = l.firstChild;
-              return a(C, r(b, {
+              var r = he(), _ = r.firstChild;
+              return a(_, o(b, {
                 get when() {
                   return e.title;
                 },
                 get children() {
-                  var c = ge();
-                  return a(c, () => e.title), N(() => f(c, "id", F())), c;
+                  var d = ge();
+                  return a(d, () => e.title), N(() => f(d, "id", I())), d;
                 }
-              }), null), a(C, r(b, {
+              }), null), a(_, o(b, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var c = me();
-                  return a(c, () => e.description), N(() => f(c, "id", D())), c;
+                  var d = me();
+                  return a(d, () => e.description), N(() => f(d, "id", F())), d;
                 }
-              }), null), a(l, r(B, {
+              }), null), a(r, o(D, {
                 variant: "ghost-destructive",
                 size: "icon",
                 class: "-my-2 -mr-2 h-[46px] w-[46px] shrink-0 sm:my-0 sm:-mr-1 sm:h-6 sm:w-6",
                 onClick: () => e.onOpenChange(!1),
-                "aria-label": "Close",
+                get "aria-label"() {
+                  return e.closeLabel ?? "Close";
+                },
                 get children() {
-                  return r(ne, {
+                  return o(ne, {
                     class: "w-3.5 h-3.5"
                   });
                 }
-              }), null), l;
+              }), null), r;
             }
-          }), _), a(_, () => e.children), a(o, r(b, {
+          }), C), a(C, () => e.children), a(i, o(b, {
             get when() {
               return e.footer;
             },
             get children() {
-              var l = be();
-              return a(l, () => e.footer), l;
+              var r = be();
+              return a(r, () => e.footer), r;
             }
           }), null), t;
         }
@@ -205,7 +211,7 @@ function _e(e) {
 }
 function Te(e) {
   const g = re();
-  return r(_e, {
+  return o(Ce, {
     get open() {
       return e.open;
     },
@@ -222,7 +228,7 @@ function Te(e) {
       return e.globalZIndex;
     },
     get footer() {
-      return [r(B, {
+      return [o(D, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
@@ -231,7 +237,7 @@ function Te(e) {
         get children() {
           return e.cancelText ?? g.config.strings.confirmDialog.cancel;
         }
-      }), r(B, {
+      }), o(D, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -247,11 +253,11 @@ function Te(e) {
       })];
     },
     get children() {
-      return e.children ?? we();
+      return e.children ?? ye();
     }
   });
 }
 export {
   Te as ConfirmDialog,
-  _e as Dialog
+  Ce as Dialog
 };

package/dist/hooks/useOverlayMask.d.ts

@@ -20,6 +20,8 @@ export interface UseOverlayMaskOptions {
     trapFocus?: MaybeAccessor<boolean | undefined>;
     /** Close on Escape and never leak to underlying window handlers (default: always). */
     closeOnEscape?: MaybeAccessor<boolean | OverlayEscapeCloseMode | undefined>;
+    /** Opt into bubbling so nested controls can consume Escape; capture preserves existing callers. */
+    escapeKeyPhase?: MaybeAccessor<'capture' | 'bubble' | undefined>;
     /** Stop bubbling keydown events to window-level hotkeys (default: true). */
     blockHotkeys?: MaybeAccessor<boolean | undefined>;
     /**

package/dist/hooks/useOverlayMask.js

@@ -1,53 +1,56 @@
-import { createEffect as K, onCleanup as I } from "solid-js";
-import { lockBodyStyle as N } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as B } from "../utils/defer.js";
-import { getFocusableElements as q, getFirstFocusableElement as j } from "../utils/focus.js";
-import { matchKeybind as x } from "../utils/keybind.js";
-function M(e) {
+import { createEffect as N, onCleanup as q } from "solid-js";
+import { lockBodyStyle as j } from "../utils/bodyStyleLock.js";
+import { deferAfterPaint as M } from "../utils/defer.js";
+import { getFocusableElements as x, getFirstFocusableElement as z } from "../utils/focus.js";
+import { matchKeybind as R } from "../utils/keybind.js";
+function C(e) {
   return typeof Node < "u" && e instanceof Node;
 }
 function h(e, o, r) {
-  return r ? r(o) : !e || !M(o) ? !1 : e.contains(o);
+  return r ? r(o) : !e || !C(o) ? !1 : e.contains(o);
 }
-function F(e, o, r, s) {
+function O(e, o, r, s) {
   return r === "none" ? !1 : r === "all" ? !0 : !h(e, o, s);
 }
-function z(e) {
+function V(e) {
   return typeof e == "function" ? e() ?? [] : e ?? [];
 }
 function c(e, o) {
   return typeof e == "function" ? e() ?? o : e ?? o;
 }
-function R(e, o) {
-  for (const r of z(o)) {
+function G(e, o) {
+  for (const r of V(o)) {
     const s = r.trim();
-    if (s && x(e, s))
+    if (s && R(e, s))
       return !0;
   }
   return !1;
 }
-function Y(e) {
+function _(e) {
   const o = () => c(e.lockBodyScroll, !0), r = () => c(e.trapFocus, !0), s = () => {
-    const a = c(e.closeOnEscape, !0);
+    const a = c(
+      e.closeOnEscape,
+      !0
+    );
     return a === !1 ? "none" : a === "inside" ? "inside" : a === "none" ? "none" : "always";
-  }, O = () => c(e.blockHotkeys, !0), C = () => c(e.restoreFocus, !0), D = () => c(e.blockWheel, "none"), S = () => c(e.blockTouchMove, "none"), H = () => c(e.autoFocus, !0);
-  K(() => {
+  }, P = () => c(e.blockHotkeys, !0), D = () => c(e.restoreFocus, !0), S = () => c(e.blockWheel, "none"), H = () => c(e.blockTouchMove, "none"), K = () => c(e.autoFocus, !0);
+  N(() => {
     if (!e.open() || typeof document > "u") return;
-    const a = o(), p = r(), l = s(), P = O(), W = C(), d = D(), m = S(), v = H(), y = document.activeElement instanceof HTMLElement ? document.activeElement : null, A = a ? N({ overflow: "hidden" }) : null;
-    B(() => {
+    const a = o(), E = r(), l = s(), f = c(e.escapeKeyPhase, "capture"), W = P(), A = D(), m = S(), v = H(), y = K(), p = document.activeElement instanceof HTMLElement ? document.activeElement : null, I = a ? j({ overflow: "hidden" }) : null;
+    M(() => {
       const t = e.root();
-      if (!t || v === !1) return;
-      const n = typeof v == "object" ? v.selector : void 0, f = (n ? t.querySelector(n) : null) ?? t.querySelector("[data-floe-autofocus]") ?? j(t) ?? t;
+      if (!t || y === !1) return;
+      const n = typeof y == "object" ? y.selector : void 0, i = (n ? t.querySelector(n) : null) ?? t.querySelector("[data-floe-autofocus]") ?? z(t) ?? t;
       try {
-        f.focus();
+        i.focus();
       } catch {
       }
     });
-    const E = (t) => {
+    const k = (t) => {
       if (t.key !== "Tab") return;
       const n = e.root();
       if (!n) return;
-      const u = q(n);
+      const u = x(n);
       if (!u.length) {
         t.preventDefault();
         try {
@@ -56,25 +59,29 @@ function Y(e) {
         }
         return;
       }
-      const f = u[0], T = u[u.length - 1], i = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      const i = u[0], F = u[u.length - 1], d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       if (t.shiftKey) {
-        if (i === f || !i || !n.contains(i)) {
+        if (d === i || !d || !n.contains(d)) {
           t.preventDefault();
           try {
-            T.focus();
+            F.focus();
           } catch {
           }
         }
-      } else if (i === T) {
+      } else if (d === F) {
         t.preventDefault();
         try {
-          f.focus();
+          i.focus();
         } catch {
         }
       }
-    }, k = (t) => {
-      if (t.key !== "Escape" || l === "none") return;
-      const n = e.root(), u = h(n, M(t.target) ? t.target : document.activeElement, e.containsTarget);
+    }, b = (t) => {
+      if (t.key !== "Escape" || f === "bubble" && (t.defaultPrevented || t.isComposing) || l === "none") return;
+      const n = e.root(), u = h(
+        n,
+        C(t.target) ? t.target : document.activeElement,
+        e.containsTarget
+      );
       if (l === "inside") {
         if (u) {
           t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
@@ -84,25 +91,38 @@ function Y(e) {
         return;
       }
       t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
-    }, b = (t) => {
+    }, g = (t) => {
       const n = e.root();
-      n && P && h(n, t.target, e.containsTarget) && (R(t, e.allowHotkeys) || t.stopPropagation());
+      n && W && h(n, t.target, e.containsTarget) && (G(t, e.allowHotkeys) || t.stopPropagation());
     }, w = (t) => {
       const n = e.root();
-      F(n, t.target, d, e.containsTarget) && t.cancelable && t.preventDefault();
-    }, g = (t) => {
-      t.stopPropagation();
+      O(n, t.target, m, e.containsTarget) && t.cancelable && t.preventDefault();
     }, L = (t) => {
+      t.stopPropagation();
+    }, T = (t) => {
       const n = e.root();
-      F(n, t.target, m, e.containsTarget) && t.cancelable && t.preventDefault();
+      O(n, t.target, v, e.containsTarget) && t.cancelable && t.preventDefault();
     };
-    p && document.addEventListener("keydown", E, !0), l !== "none" && window.addEventListener("keydown", k, !0), document.addEventListener("keydown", b), d !== "none" && (document.addEventListener("wheel", w, { capture: !0, passive: !1 }), document.addEventListener("wheel", g)), m !== "none" && document.addEventListener("touchmove", L, { capture: !0, passive: !1 }), I(() => {
-      p && document.removeEventListener("keydown", E, !0), l !== "none" && window.removeEventListener("keydown", k, !0), document.removeEventListener("keydown", b), d !== "none" && (document.removeEventListener("wheel", w, !0), document.removeEventListener("wheel", g)), m !== "none" && document.removeEventListener("touchmove", L, !0), A?.(), W && y && y.isConnected && B(() => {
+    E && document.addEventListener("keydown", k, !0);
+    const B = f === "capture" ? window : document;
+    l !== "none" && B.addEventListener(
+      "keydown",
+      b,
+      f === "capture"
+    ), document.addEventListener("keydown", g), m !== "none" && (document.addEventListener("wheel", w, { capture: !0, passive: !1 }), document.addEventListener("wheel", L)), v !== "none" && document.addEventListener("touchmove", T, {
+      capture: !0,
+      passive: !1
+    }), q(() => {
+      E && document.removeEventListener("keydown", k, !0), l !== "none" && B.removeEventListener(
+        "keydown",
+        b,
+        f === "capture"
+      ), document.removeEventListener("keydown", g), m !== "none" && (document.removeEventListener("wheel", w, !0), document.removeEventListener("wheel", L)), v !== "none" && document.removeEventListener("touchmove", T, !0), I?.(), A && p && p.isConnected && M(() => {
         if (typeof document > "u") return;
         const t = document.activeElement;
         if (!(t && t !== document.body && t !== document.documentElement))
           try {
-            y.focus();
+            p.focus();
           } catch {
           }
       });
@@ -110,5 +130,5 @@ function Y(e) {
   });
 }
 export {
-  Y as useOverlayMask
+  _ as useOverlayMask
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.50.1",
+  "version": "0.50.3",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",