@floegence/floe-webapp-core 0.36.54 → 0.36.56

package/dist/components/file-browser/FileContextMenu.js

@@ -1,83 +1,108 @@
-import { createComponent as a, Portal as z, setAttribute as v, spread as V, mergeProps as O, insert as b, template as g, Dynamic as Q, memo as H, effect as M, className as X, use as I, delegateEvents as Y } from "solid-js/web";
-import { createSignal as E, createMemo as ee, createEffect as F, onCleanup as q, Show as C, For as Z } from "solid-js";
-import { cn as A } from "../../utils/cn.js";
-import { deferAfterPaint as te } from "../../utils/defer.js";
-import { ChevronRight as ne } from "../icons/index.js";
-import { focusMenuItem as L, moveMenuFocus as N, calculateSubmenuPosition as oe, clampMenuPosition as re } from "../ui/menuUtils.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as K } from "../ui/localInteractionSurface.js";
-import { useFileBrowser as se } from "./FileBrowserContext.js";
-import { resolveSurfacePortalHost as ie, projectSurfacePortalPosition as ae, resolveSurfacePortalBoundaryRect as ue, isSurfacePortalMode as le, resolveSurfacePortalMount as ce } from "../ui/dialogSurfaceScope.js";
-var de = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), me = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=16 x=5 y=4 rx=2></rect><path d="M9 4.5h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v.5a1 1 0 0 0 1 1Z">'), fe = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), he = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), pe = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), ge = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), ve = /* @__PURE__ */ g('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), ye = /* @__PURE__ */ g('<span class="text-[10px] text-muted-foreground opacity-60">'), U = /* @__PURE__ */ g("<div>"), we = /* @__PURE__ */ g('<div class=relative><button type=button role=menuitem><span class="flex-1 text-left">'), W = /* @__PURE__ */ g('<div class="my-1 h-px bg-border"role=separator>');
-const xe = (e) => (() => {
-  var t = de();
-  return M(() => v(t, "class", e.class)), t;
-})(), be = (e) => (() => {
-  var t = me();
-  return M(() => v(t, "class", e.class)), t;
-})(), Me = (e) => (() => {
-  var t = fe();
-  return M(() => v(t, "class", e.class)), t;
-})(), ke = (e) => (() => {
-  var t = he();
-  return M(() => v(t, "class", e.class)), t;
-})(), Ce = (e) => (() => {
-  var t = pe();
-  return M(() => v(t, "class", e.class)), t;
-})(), $e = (e) => (() => {
-  var t = ge();
-  return M(() => v(t, "class", e.class)), t;
-})(), Se = (e) => (() => {
-  var t = ve();
-  return M(() => v(t, "class", e.class)), t;
+import { createComponent as d, Portal as J, setAttribute as w, spread as Q, mergeProps as X, insert as M, template as y, Dynamic as ue, memo as U, effect as C, className as ce, use as j, delegateEvents as le } from "solid-js/web";
+import { createSignal as Y, createMemo as de, createEffect as W, onCleanup as H, Show as S, For as ee } from "solid-js";
+import { cn as q } from "../../utils/cn.js";
+import { deferAfterPaint as me } from "../../utils/defer.js";
+import { ChevronRight as fe } from "../icons/index.js";
+import { focusMenuItem as T, moveMenuFocus as G, calculateSubmenuPosition as he, clampMenuPosition as pe } from "../ui/menuUtils.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as te } from "../ui/localInteractionSurface.js";
+import { useFileBrowser as ve } from "./FileBrowserContext.js";
+import { resolveSurfacePortalHost as ge, projectSurfacePortalPosition as ye, resolveSurfacePortalBoundaryRect as we, isSurfacePortalMode as xe, resolveSurfacePortalMount as be } from "../ui/dialogSurfaceScope.js";
+var Me = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), ke = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=16 x=5 y=4 rx=2></rect><path d="M9 4.5h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v.5a1 1 0 0 0 1 1Z">'), Ce = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), Pe = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), Ie = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), Se = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), $e = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), De = /* @__PURE__ */ y('<span class="text-[10px] text-muted-foreground opacity-60">'), ne = /* @__PURE__ */ y("<div>"), Ee = /* @__PURE__ */ y('<div class=relative><button type=button role=menuitem><span class="flex-1 text-left">'), oe = /* @__PURE__ */ y('<div class="my-1 h-px bg-border"role=separator>');
+const _e = (e) => (() => {
+  var t = Me();
+  return C(() => w(t, "class", e.class)), t;
+})(), Ae = (e) => (() => {
+  var t = ke();
+  return C(() => w(t, "class", e.class)), t;
+})(), Le = (e) => (() => {
+  var t = Ce();
+  return C(() => w(t, "class", e.class)), t;
+})(), Re = (e) => (() => {
+  var t = Pe();
+  return C(() => w(t, "class", e.class)), t;
+})(), Fe = (e) => (() => {
+  var t = Ie();
+  return C(() => w(t, "class", e.class)), t;
+})(), je = (e) => (() => {
+  var t = Se();
+  return C(() => w(t, "class", e.class)), t;
+})(), Te = (e) => (() => {
+  var t = $e();
+  return C(() => w(t, "class", e.class)), t;
 })();
-let De = 0;
-function Pe(e) {
+let Be = 0;
+const re = {
+  x: -9999,
+  y: -9999
+};
+function k(e, t = 0, n = re, i = n) {
+  return {
+    phase: e,
+    requestId: t,
+    anchor: n,
+    position: i
+  };
+}
+function ie(e) {
+  return e.phase === "positioned";
+}
+function z(e) {
+  if (typeof requestAnimationFrame != "function") {
+    e(0);
+    return;
+  }
+  return requestAnimationFrame(e);
+}
+function O(e) {
+  e === void 0 || typeof cancelAnimationFrame != "function" || cancelAnimationFrame(e);
+}
+function Ne(e) {
   const t = !!e?.onAskAgent, n = !!e?.onCopyName;
   return [{
     id: "duplicate",
     label: "Duplicate",
     type: "duplicate",
-    icon: xe,
+    icon: _e,
     shortcut: "Cmd+D",
     separator: !n && !t
   }, ...n ? [{
     id: "copy-name",
     label: "Copy Name",
     type: "copy-name",
-    icon: be,
+    icon: Ae,
     separator: !t
   }] : [], ...t ? [{
     id: "ask-agent",
     label: "Ask Agent",
     type: "ask-agent",
-    icon: Me,
+    icon: Le,
     separator: !0
   }] : [], {
     id: "copy-to",
     label: "Copy to...",
     type: "copy-to",
-    icon: ke
+    icon: Re
   }, {
     id: "move-to",
     label: "Move to...",
     type: "move-to",
-    icon: Ce,
+    icon: Fe,
     separator: !0
   }, {
     id: "rename",
     label: "Rename",
     type: "rename",
-    icon: Se,
+    icon: Te,
     shortcut: "Enter"
   }, {
     id: "delete",
     label: "Delete",
     type: "delete",
-    icon: $e,
+    icon: je,
     shortcut: "Del"
   }];
 }
-function Ie(e, t, n, i) {
+function He(e, t, n, i) {
   switch (e.type) {
     case "duplicate":
       n?.onDuplicate?.(t);
@@ -105,20 +130,20 @@ function Ie(e, t, n, i) {
       break;
   }
 }
-function G(e, t) {
+function se(e, t) {
   const n = e.target, i = n?.closest('[role="menu"]'), m = n?.closest('[role="menuitem"]');
   switch (e.key) {
     case "ArrowDown":
-      e.preventDefault(), N(i, m, 1);
+      e.preventDefault(), G(i, m, 1);
       return;
     case "ArrowUp":
-      e.preventDefault(), N(i, m, -1);
+      e.preventDefault(), G(i, m, -1);
       return;
     case "Home":
-      e.preventDefault(), L(i, "first");
+      e.preventDefault(), T(i, "first");
       return;
     case "End":
-      e.preventDefault(), L(i, "last");
+      e.preventDefault(), T(i, "last");
       return;
     case "ArrowLeft":
       if (!t.onCloseSubmenu) return;
@@ -138,148 +163,170 @@ function G(e, t) {
       return;
   }
 }
-function Le(e, t) {
+function qe(e, t) {
   return !e || typeof e != "object" ? !1 : ("dataset" in e ? e.dataset : void 0)?.floeContextMenu === t;
 }
-function _e(e, t) {
+function ze(e, t) {
   if (typeof e.composedPath == "function") {
     const i = e.composedPath();
     for (const m of i)
-      if (Le(m, t)) return !0;
+      if (qe(m, t)) return !0;
   }
   const n = e.target;
   return typeof Element < "u" && n instanceof Element ? !!n.closest(`[data-floe-context-menu="${t}"]`) : !1;
 }
-function Ee(e) {
+function Oe(e) {
   const {
     ownerWindow: t,
     contextMenuId: n,
     onDismiss: i
-  } = e, m = (c) => {
-    _e(c, n) || i();
-  }, y = (c) => {
-    c.key === "Escape" && i();
-  }, h = () => {
+  } = e, m = (h) => {
+    ze(h, n) || i();
+  }, v = (h) => {
+    h.key === "Escape" && i();
+  }, f = () => {
     i();
   };
-  return t.addEventListener("pointerdown", m, !0), t.addEventListener("keydown", y, !0), t.addEventListener("resize", h), t.addEventListener("scroll", h, !0), () => {
-    t.removeEventListener("pointerdown", m, !0), t.removeEventListener("keydown", y, !0), t.removeEventListener("resize", h), t.removeEventListener("scroll", h, !0);
+  return t.addEventListener("pointerdown", m, !0), t.addEventListener("keydown", v, !0), t.addEventListener("resize", f), t.addEventListener("scroll", f, !0), () => {
+    t.removeEventListener("pointerdown", m, !0), t.removeEventListener("keydown", v, !0), t.removeEventListener("resize", f), t.removeEventListener("scroll", f, !0);
   };
 }
-function J(e) {
-  const [t, n] = E(!1), [i, m] = E({
-    x: -9999,
-    y: -9999
-  });
-  let y, h, c, p;
-  const f = () => (e.item.children?.length ?? 0) > 0, _ = () => {
-    if (!y || !c) return;
-    const l = y.getBoundingClientRect(), d = c.getBoundingClientRect(), P = oe(l, d, e.portalLayout.boundaryRect());
-    m(P);
-  }, x = () => {
-    p && (clearTimeout(p), p = void 0);
-  }, $ = (l = "first") => {
-    !f() || e.item.disabled || (x(), n(!0), requestAnimationFrame(() => {
-      _(), L(c, l);
+function ae(e) {
+  const [t, n] = Y(k("closed", 0));
+  let i, m, v, f, h, P = 0, x;
+  const u = () => (e.item.children?.length ?? 0) > 0, A = () => t().phase !== "closed", $ = () => ie(t()), B = () => {
+    if (!i) return re;
+    const a = i.getBoundingClientRect();
+    return {
+      x: a.right,
+      y: a.top
+    };
+  }, L = (a, l) => {
+    if (!i || !v) return a;
+    const b = i.getBoundingClientRect(), _ = v.getBoundingClientRect();
+    return he(b, _, l);
+  }, g = () => {
+    f && (clearTimeout(f), f = void 0);
+  }, D = () => {
+    O(h), h = void 0;
+  }, E = () => {
+    O(x), x = void 0;
+  }, s = (a = "first") => {
+    if (!u() || e.item.disabled) return;
+    g(), D(), E();
+    const l = ++P, b = B(), _ = e.portalLayout.boundaryRect;
+    n(k("measuring", l, b)), h = z(() => {
+      if (h = void 0, P !== l) return;
+      const F = L(b, _());
+      n(k("positioned", l, b, F)), T(v, a);
+    });
+  }, o = (a = {}) => {
+    g(), D(), n(k("closed", ++P)), (a.restoreFocus ?? !0) && (E(), x = z(() => {
+      x = void 0, m?.focus();
     }));
-  }, S = () => {
-    x(), n(!1), requestAnimationFrame(() => h?.focus());
-  }, o = () => {
-    !f() || e.item.disabled || (x(), p = setTimeout(() => {
-      $("first");
+  }, p = () => {
+    !u() || e.item.disabled || (g(), f = setTimeout(() => {
+      s("first");
     }, 100));
-  }, s = () => {
-    f() && (x(), p = setTimeout(() => {
-      n(!1);
+  }, c = () => {
+    u() && (g(), f = setTimeout(() => {
+      o({
+        restoreFocus: !1
+      });
     }, 150));
-  }, w = (l) => {
+  }, N = (a) => {
     if (!e.item.disabled) {
-      if (f()) {
-        l.preventDefault(), l.stopPropagation(), t() ? S() : $("first");
+      if (u()) {
+        a.preventDefault(), a.stopPropagation(), A() ? o() : s("first");
         return;
       }
       e.onSelect(e.item, e.menu);
     }
   };
-  q(() => {
-    x();
+  H(() => {
+    g(), D(), E();
   });
-  const u = () => e.portalLayout.projectPosition(i());
+  const V = () => e.portalLayout.projectPosition(t().position);
   return (() => {
-    var l = we(), d = l.firstChild, P = d.firstChild;
-    l.addEventListener("mouseleave", s), l.addEventListener("mouseenter", o);
-    var R = y;
-    typeof R == "function" ? I(R, l) : y = l, d.$$keydown = (r) => {
-      e.item.disabled || !f() || (r.key === "ArrowRight" || r.key === "Enter" || r.key === " ") && (r.preventDefault(), $("first"));
-    }, d.$$click = w;
-    var j = h;
-    return typeof j == "function" ? I(j, d) : h = d, b(d, a(C, {
+    var a = Ee(), l = a.firstChild, b = l.firstChild;
+    a.addEventListener("mouseleave", c), a.addEventListener("mouseenter", p);
+    var _ = i;
+    typeof _ == "function" ? j(_, a) : i = a, l.$$keydown = (r) => {
+      e.item.disabled || !u() || (r.key === "ArrowRight" || r.key === "Enter" || r.key === " ") && (r.preventDefault(), s("first"));
+    }, l.$$click = N;
+    var F = m;
+    return typeof F == "function" ? j(F, l) : m = l, M(l, d(S, {
       get when() {
         return e.item.icon;
       },
-      children: (r) => a(Q, {
+      children: (r) => d(ue, {
         get component() {
           return r();
         },
         class: "w-3.5 h-3.5 opacity-60"
       })
-    }), P), b(P, () => e.item.label), b(d, a(C, {
+    }), b), M(b, () => e.item.label), M(l, d(S, {
       get when() {
-        return H(() => !!e.item.shortcut)() && !f();
+        return U(() => !!e.item.shortcut)() && !u();
       },
       get children() {
-        var r = ye();
-        return b(r, () => e.item.shortcut), r;
+        var r = De();
+        return M(r, () => e.item.shortcut), r;
       }
-    }), null), b(d, a(C, {
+    }), null), M(l, d(S, {
       get when() {
-        return f();
+        return u();
       },
       get children() {
-        return a(ne, {
+        return d(fe, {
           class: "w-3 h-3 text-muted-foreground"
         });
       }
-    }), null), b(l, a(C, {
+    }), null), M(a, d(S, {
       get when() {
-        return H(() => !!t())() && f();
+        return U(() => !!A())() && u();
       },
       get children() {
-        return a(z, {
+        return d(J, {
           get mount() {
             return e.portalLayout.mount();
           },
           get children() {
-            var r = U(), D = c;
-            return typeof D == "function" ? I(D, r) : c = r, V(r, O({
+            var r = ne(), R = v;
+            return typeof R == "function" ? j(R, r) : v = r, Q(r, X({
               get class() {
-                return A(e.portalLayout.isSurfaceMode() ? "absolute z-20 min-w-[180px] py-1" : "fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", "animate-in fade-in slide-in-from-left-1");
+                return q(e.portalLayout.isSurfaceMode() ? "absolute z-20 min-w-[180px] py-1" : "fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", $() && "animate-in fade-in slide-in-from-left-1");
               },
               get "data-floe-context-menu"() {
                 return e.contextMenuId;
               }
             }, () => ({
-              [K]: e.portalLayout.isSurfaceMode() ? "true" : void 0
+              [te]: e.portalLayout.isSurfaceMode() ? "true" : void 0
             }), {
               get style() {
                 return {
-                  left: `${u().x}px`,
-                  top: `${u().y}px`
+                  left: `${V().x}px`,
+                  top: `${V().y}px`,
+                  visibility: $() ? "visible" : "hidden",
+                  "pointer-events": $() ? "auto" : "none"
                 };
               },
               role: "menu",
-              onMouseEnter: x,
-              onMouseLeave: s,
-              onKeyDown: (k) => G(k, {
+              get "aria-hidden"() {
+                return $() ? void 0 : "true";
+              },
+              onMouseEnter: g,
+              onMouseLeave: c,
+              onKeyDown: (I) => se(I, {
                 onDismiss: e.onDismiss,
-                onCloseSubmenu: S
+                onCloseSubmenu: o
               })
-            }), !1, !0), b(r, a(Z, {
+            }), !1, !0), M(r, d(ee, {
               get each() {
                 return e.item.children;
               },
-              children: (k) => [a(J, {
-                item: k,
+              children: (I) => [d(ae, {
+                item: I,
                 get menu() {
                   return e.menu;
                 },
@@ -295,175 +342,173 @@ function J(e) {
                 get onDismiss() {
                   return e.onDismiss;
                 }
-              }), a(C, {
+              }), d(S, {
                 get when() {
-                  return k.separator;
+                  return I.separator;
                 },
                 get children() {
-                  return W();
+                  return oe();
                 }
               })]
             })), r;
           }
         });
       }
-    }), null), M((r) => {
-      var D = e.item.disabled || !f() && e.item.type === "rename" && e.menu.items.length > 1, k = A("w-full flex items-center gap-2 px-3 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent hover:text-accent-foreground", "focus:outline-none focus-visible:bg-accent focus-visible:text-accent-foreground", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent", e.item.type === "delete" && "text-error hover:bg-error/10 hover:text-error"), T = f() ? "menu" : void 0, B = f() ? t() : void 0;
-      return D !== r.e && (d.disabled = r.e = D), k !== r.t && X(d, r.t = k), T !== r.a && v(d, "aria-haspopup", r.a = T), B !== r.o && v(d, "aria-expanded", r.o = B), r;
+    }), null), C((r) => {
+      var R = e.item.disabled || !u() && e.item.type === "rename" && e.menu.items.length > 1, I = q("w-full flex items-center gap-2 px-3 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent hover:text-accent-foreground", "focus:outline-none focus-visible:bg-accent focus-visible:text-accent-foreground", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent", e.item.type === "delete" && "text-error hover:bg-error/10 hover:text-error"), Z = u() ? "menu" : void 0, K = u() ? A() : void 0;
+      return R !== r.e && (l.disabled = r.e = R), I !== r.t && ce(l, r.t = I), Z !== r.a && w(l, "aria-haspopup", r.a = Z), K !== r.o && w(l, "aria-expanded", r.o = K), r;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), l;
+    }), a;
   })();
 }
-function Ve(e) {
-  const t = se();
+function Ye(e) {
+  const t = ve();
   let n;
-  const i = typeof window > "u" || typeof document > "u", m = `floe-context-menu-${De += 1}`, [y, h] = E({
-    x: -9999,
-    y: -9999
-  }), c = ee(() => t.contextMenu() ? ie() : {
+  const i = typeof window > "u" || typeof document > "u", m = `floe-context-menu-${Be += 1}`, [v, f] = Y(k("closed"));
+  let h, P = 0;
+  const x = de(() => t.contextMenu() ? ge() : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), p = {
-    mount: () => ce(c()),
-    isSurfaceMode: () => le(c()),
-    boundaryRect: () => ue(c()),
-    projectPosition: (o) => ae(o, c())
-  }, f = () => {
+  }), u = {
+    mount: () => be(x()),
+    isSurfaceMode: () => xe(x()),
+    boundaryRect: () => we(x()),
+    projectPosition: (s) => ye(s, x())
+  }, A = () => {
     if (e.overrideItems)
       return e.overrideItems;
-    const o = () => {
-      const u = e.hideItems;
-      if (!u) return [];
-      if (typeof u == "function") {
-        const l = t.contextMenu()?.items ?? [];
-        return u(l);
+    const s = () => {
+      const c = e.hideItems;
+      if (!c) return [];
+      if (typeof c == "function") {
+        const N = t.contextMenu()?.items ?? [];
+        return c(N);
       }
-      return u;
+      return c;
     };
-    let s = Pe(e.callbacks);
-    const w = o();
-    return w.length > 0 && (s = s.filter((u) => !w.includes(u.type))), e.customItems?.length && (s = [...s, ...e.customItems]), s;
-  }, _ = (o, s) => {
+    let o = Ne(e.callbacks);
+    const p = s();
+    return p.length > 0 && (o = o.filter((c) => !p.includes(c.type))), e.customItems?.length && (o = [...o, ...e.customItems]), o;
+  }, $ = (s, o) => {
     t.hideContextMenu();
-    const w = [...s.items], u = e.callbacks;
-    te(() => {
-      Ie(o, w, u, s);
+    const p = [...o.items], c = e.callbacks;
+    me(() => {
+      He(s, p, c, o);
     });
-  }, x = () => {
-    const o = t.contextMenu();
-    if (!o || !n) return {
-      x: o?.x ?? 0,
-      y: o?.y ?? 0
-    };
-    const s = n.getBoundingClientRect();
-    return s.width === 0 || s.height === 0 ? {
-      x: o.x,
-      y: o.y
-    } : re({
-      x: o.x,
-      y: o.y
-    }, s, p.boundaryRect());
+  }, B = (s) => {
+    if (!n) return s;
+    const o = n.getBoundingClientRect();
+    return pe(s, o, u.boundaryRect());
+  }, L = () => {
+    O(h), h = void 0;
   };
-  F(() => {
+  W(() => {
     if (i || !t.contextMenu()) return;
-    const o = Ee({
+    const s = Oe({
       ownerWindow: window,
       contextMenuId: m,
       onDismiss: t.hideContextMenu
     });
-    q(() => {
-      o();
+    H(() => {
+      s();
     });
-  }), F(() => {
-    const o = t.contextMenu();
-    if (!o) {
-      h({
-        x: -9999,
-        y: -9999
-      });
+  }), W(() => {
+    const s = t.contextMenu();
+    if (!s) {
+      L(), f(k("closed", ++P));
       return;
     }
-    h({
-      x: o.x,
-      y: o.y
-    }), requestAnimationFrame(() => {
-      const s = x();
-      h(s), L(n, "first");
+    L();
+    const o = ++P, p = {
+      x: s.x,
+      y: s.y
+    };
+    f(k("measuring", o, p)), h = z(() => {
+      if (h = void 0, P !== o) return;
+      const c = B(p);
+      f(k("positioned", o, p, c)), T(n, "first");
     });
+  }), H(() => {
+    L();
   });
-  const $ = () => p.projectPosition(y()), S = (o) => (() => {
-    var s = U(), w = n;
-    return typeof w == "function" ? I(w, s) : n = s, v(s, "data-floe-context-menu", m), V(s, O({
+  const g = () => ie(v()), D = () => u.projectPosition(v().position), E = (s) => (() => {
+    var o = ne(), p = n;
+    return typeof p == "function" ? j(p, o) : n = o, w(o, "data-floe-context-menu", m), Q(o, X({
       get class() {
-        return A(p.isSurfaceMode() ? "absolute z-20 min-w-[180px] py-1" : "fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", "animate-in fade-in zoom-in-95 duration-100");
+        return q(u.isSurfaceMode() ? "absolute z-20 min-w-[180px] py-1" : "fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", g() && "animate-in fade-in zoom-in-95 duration-100");
       }
     }, () => ({
-      [K]: p.isSurfaceMode() ? "true" : void 0
+      [te]: u.isSurfaceMode() ? "true" : void 0
     }), {
       get style() {
         return {
-          left: `${$().x}px`,
-          top: `${$().y}px`
+          left: `${D().x}px`,
+          top: `${D().y}px`,
+          visibility: g() ? "visible" : "hidden",
+          "pointer-events": g() ? "auto" : "none"
         };
       },
       role: "menu",
+      get "aria-hidden"() {
+        return g() ? void 0 : "true";
+      },
       "aria-orientation": "vertical",
-      onKeyDown: (u) => G(u, {
+      onKeyDown: (c) => se(c, {
         onDismiss: t.hideContextMenu
       })
-    }), !1, !0), b(s, a(Z, {
+    }), !1, !0), M(o, d(ee, {
       get each() {
-        return f();
+        return A();
       },
-      children: (u) => [a(J, {
-        item: u,
+      children: (c) => [d(ae, {
+        item: c,
         get menu() {
-          return o.menu();
+          return s.menu();
         },
         contextMenuId: m,
-        portalLayout: p,
-        onSelect: _,
+        portalLayout: u,
+        onSelect: $,
         get onDismiss() {
           return t.hideContextMenu;
         }
-      }), a(C, {
+      }), d(S, {
         get when() {
-          return u.separator;
+          return c.separator;
         },
         get children() {
-          return W();
+          return oe();
         }
       })]
-    })), s;
+    })), o;
   })();
-  return a(C, {
+  return d(S, {
     get when() {
       return t.contextMenu();
     },
-    children: (o) => i ? a(S, {
-      menu: o
-    }) : a(z, {
+    children: (s) => i ? d(E, {
+      menu: s
+    }) : d(J, {
       get mount() {
-        return p.mount();
+        return u.mount();
       },
       get children() {
-        return a(S, {
-          menu: o
+        return d(E, {
+          menu: s
         });
       }
     })
   });
 }
-Y(["click", "keydown"]);
+le(["click", "keydown"]);
 export {
-  Ve as FileContextMenu,
-  Pe as createDefaultContextMenuItems,
-  Ie as dispatchContextMenuAction,
-  Ee as installContextMenuDismissListeners
+  Ye as FileContextMenu,
+  Ne as createDefaultContextMenuItems,
+  He as dispatchContextMenuAction,
+  Oe as installContextMenuDismissListeners
 };

package/dist/components/ui/Dialog.js

@@ -67,7 +67,7 @@ function ve(e) {
   }), te({
     open: h,
     root: () => p,
-    containsTarget: (t) => r() && V(t),
+    containsTarget: r() ? (t) => V(t) : void 0,
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !r(),
     trapFocus: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.54",
+  "version": "0.36.56",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",