@floegence/floe-webapp-core 0.26.2 → 0.26.5

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

@@ -1,248 +1,264 @@
-import { addEventListener as se, use as de, insert as C, createComponent as v, effect as X, setStyleProperty as R, className as T, template as x, Dynamic as ge, setAttribute as ue, memo as me, delegateEvents as fe } from "solid-js/web";
-import { createMemo as z, Show as p, For as W, untrack as he, createSignal as ve, onCleanup as xe } from "solid-js";
-import { cn as _ } from "../../utils/cn.js";
-import { useMediaQuery as M } from "../../hooks/useMediaQuery.js";
-import { useVirtualWindow as be } from "../../hooks/useVirtualWindow.js";
-import { useFileBrowser as J } from "./FileBrowserContext.js";
-import { useFileBrowserDrag as De } from "../../context/FileBrowserDragContext.js";
-import { FolderIcon as Ce, getFileIcon as Ie } from "./FileIcons.js";
-import { createLongPressContextMenuHandlers as we } from "./longPressContextMenu.js";
-var ye = /* @__PURE__ */ x('<mark class="bg-warning/40 text-inherit rounded-sm">'), Pe = /* @__PURE__ */ x('<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2">'), Se = /* @__PURE__ */ x("<div><div class=p-3>"), $e = /* @__PURE__ */ x('<span>No files matching "<!>"'), Te = /* @__PURE__ */ x('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), _e = /* @__PURE__ */ x('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Le = /* @__PURE__ */ x("<span>This folder is empty"), ke = /* @__PURE__ */ x('<div class="absolute top-1.5 right-1.5 w-4 h-4 rounded-full bg-primary flex items-center justify-center"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-2.5 h-2.5 text-primary-foreground"><polyline points="20 6 9 17 4 12">'), Ee = /* @__PURE__ */ x("<button type=button><div></div><span></span><div>");
+import { addEventListener as de, use as q, insert as w, createComponent as b, effect as Y, setStyleProperty as G, className as L, template as D, Dynamic as ge, setAttribute as ue, memo as me, delegateEvents as fe } from "solid-js/web";
+import { createSignal as J, createMemo as j, createEffect as he, Show as p, For as Z, untrack as ve, onCleanup as xe } from "solid-js";
+import { cn as k } from "../../utils/cn.js";
+import { useResizeObserver as be } from "../../hooks/useResizeObserver.js";
+import { useVirtualWindow as De } from "../../hooks/useVirtualWindow.js";
+import { useFileBrowser as ee } from "./FileBrowserContext.js";
+import { useFileBrowserDrag as Ce } from "../../context/FileBrowserDragContext.js";
+import { FolderIcon as Ie, getFileIcon as we } from "./FileIcons.js";
+import { createLongPressContextMenuHandlers as ye } from "./longPressContextMenu.js";
+var Se = /* @__PURE__ */ D('<mark class="bg-warning/40 text-inherit rounded-sm">'), Me = /* @__PURE__ */ D('<div class="grid gap-2">'), Pe = /* @__PURE__ */ D('<div><div class=p-3><div class="w-full h-0"aria-hidden=true>'), _e = /* @__PURE__ */ D('<span>No files matching "<!>"'), $e = /* @__PURE__ */ D('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), Te = /* @__PURE__ */ D('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Ee = /* @__PURE__ */ D("<span>This folder is empty"), Le = /* @__PURE__ */ D('<div class="absolute top-1.5 right-1.5 w-4 h-4 rounded-full bg-primary flex items-center justify-center"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-2.5 h-2.5 text-primary-foreground"><polyline points="20 6 9 17 4 12">'), ke = /* @__PURE__ */ D("<button type=button><div></div><span></span><div>");
 function Fe(e) {
-  const n = z(() => {
+  const n = j(() => {
     if (!e.match || e.match.matchedIndices.length === 0)
       return [{
         text: e.name,
         highlight: !1
       }];
-    const i = [], b = new Set(e.match.matchedIndices);
-    let m = "", s = !1;
-    for (let l = 0; l < e.name.length; l++) {
-      const g = b.has(l);
-      l === 0 ? (s = g, m = e.name[l]) : g === s ? m += e.name[l] : (i.push({
-        text: m,
-        highlight: s
-      }), m = e.name[l], s = g);
+    const o = [], C = new Set(e.match.matchedIndices);
+    let h = "", u = !1;
+    for (let c = 0; c < e.name.length; c++) {
+      const f = C.has(c);
+      c === 0 ? (u = f, h = e.name[c]) : f === u ? h += e.name[c] : (o.push({
+        text: h,
+        highlight: u
+      }), h = e.name[c], u = f);
     }
-    return m && i.push({
-      text: m,
-      highlight: s
-    }), i;
+    return h && o.push({
+      text: h,
+      highlight: u
+    }), o;
   });
-  return v(W, {
+  return b(Z, {
     get each() {
       return n();
     },
-    children: (i) => v(p, {
+    children: (o) => b(p, {
       get when() {
-        return i.highlight;
+        return o.highlight;
       },
       get fallback() {
-        return me(() => i.text);
+        return me(() => o.text);
       },
       get children() {
-        var b = ye();
-        return C(b, () => i.text), b;
+        var C = Se();
+        return w(C, () => o.text), C;
       }
     })
   });
 }
-function Ue(e) {
-  const n = J(), i = De(), b = () => (e.enableDragDrop ?? !0) && !!i, m = () => e.instanceId ?? "default", s = M("(min-width: 640px)"), l = M("(min-width: 768px)"), g = M("(min-width: 1024px)"), S = M("(min-width: 1280px)"), I = () => S() ? 6 : g() ? 5 : l() ? 4 : s() ? 3 : 2, d = 112, H = 8, D = be({
-    count: () => Math.ceil(n.currentFiles().length / Math.max(1, I())),
-    itemSize: () => d + H,
+function je(e) {
+  const n = ee(), o = Ce(), C = () => (e.enableDragDrop ?? !0) && !!o, h = () => e.instanceId ?? "default", u = 112, c = 8, f = 180, y = 2, T = 6, [m, A] = J(null), O = be(m), v = j(() => {
+    const d = O()?.width ?? 0;
+    if (d <= 0) return y;
+    const x = Math.floor((d + c) / (f + c));
+    return Math.max(y, Math.min(T, x));
+  }), F = () => u + c, s = De({
+    count: () => Math.ceil(n.currentFiles().length / Math.max(1, v())),
+    itemSize: F,
     overscan: 2
-  }), L = () => D.range().start * I(), f = () => Math.min(n.currentFiles().length, D.range().end * I()), G = z(() => n.currentFiles().slice(L(), f()));
-  return (() => {
-    var h = Se(), k = h.firstChild;
-    return se(h, "scroll", D.onScroll), de((u) => {
-      D.scrollRef(u), n.setScrollContainer(u);
-    }, h), C(k, v(p, {
+  }), B = () => s.range().start * v(), E = () => Math.min(n.currentFiles().length, s.range().end * v()), H = j(() => n.currentFiles().slice(B(), E()));
+  let $ = null, S = y;
+  return he(() => {
+    const d = v();
+    if (!$) {
+      S = d;
+      return;
+    }
+    if (d === S) return;
+    const x = F(), a = Math.floor($.scrollTop / Math.max(1, x)) * Math.max(1, S), r = Math.floor(a / Math.max(1, d));
+    $.scrollTop = r * x, s.onScroll(), S = d;
+  }), (() => {
+    var d = Pe(), x = d.firstChild, M = x.firstChild;
+    return de(d, "scroll", s.onScroll), q((a) => {
+      $ = a, s.scrollRef(a), n.setScrollContainer(a);
+    }, d), q((a) => A(a), M), w(x, b(p, {
       get when() {
         return n.currentFiles().length > 0;
       },
       get fallback() {
         return (() => {
-          var u = _e();
-          return C(u, v(p, {
+          var a = Te();
+          return w(a, b(p, {
             get when() {
               return n.filterQueryApplied().trim();
             },
             get fallback() {
-              return Le();
+              return Ee();
             },
             get children() {
               return [(() => {
-                var a = $e(), P = a.firstChild, w = P.nextSibling;
-                return w.nextSibling, C(a, () => n.filterQueryApplied(), w), a;
+                var r = _e(), P = r.firstChild, I = P.nextSibling;
+                return I.nextSibling, w(r, () => n.filterQueryApplied(), I), r;
               })(), (() => {
-                var a = Te();
-                return a.$$click = () => n.setFilterQuery(""), a;
+                var r = $e();
+                return r.$$click = () => n.setFilterQuery(""), r;
               })()];
             }
-          })), u;
+          })), a;
         })();
       },
       get children() {
-        var u = Pe();
-        return C(u, v(W, {
+        var a = Me();
+        return w(a, b(Z, {
           get each() {
-            return G();
+            return H();
           },
-          children: (a) => v(Me, {
-            item: a,
+          children: (r) => b(He, {
+            item: r,
             get instanceId() {
-              return m();
+              return h();
             },
             get enableDragDrop() {
-              return b();
+              return C();
             },
-            dragContext: i
+            dragContext: o
           })
-        })), X((a) => {
-          var P = `${D.paddingTop()}px`, w = `${D.paddingBottom()}px`;
-          return P !== a.e && R(u, "padding-top", a.e = P), w !== a.t && R(u, "padding-bottom", a.t = w), a;
+        })), Y((r) => {
+          var P = `repeat(${v()}, minmax(0, 1fr))`, I = `${s.paddingTop()}px`, R = `${s.paddingBottom()}px`;
+          return P !== r.e && G(a, "grid-template-columns", r.e = P), I !== r.t && G(a, "padding-top", r.t = I), R !== r.a && G(a, "padding-bottom", r.a = R), r;
         }, {
           e: void 0,
-          t: void 0
-        }), u;
+          t: void 0,
+          a: void 0
+        }), a;
       }
-    })), X(() => T(h, _("h-full min-h-0 overflow-auto", e.class))), h;
+    }), null), Y(() => L(d, k("h-full min-h-0 overflow-auto", e.class))), d;
   })();
 }
-function Me(e) {
-  const n = J(), i = () => n.isSelected(e.item.id), b = () => n.getFilterMatchForId(e.item.id), m = he(() => e.item), s = we(n, m);
-  let l, g = null, S = 0, I = 0, d = !1;
-  const H = 5, A = 500;
-  let $ = null;
-  const [D, L] = ve(!1), f = () => l === "touch" || l === "pen", G = () => e.item.type === "folder", h = () => G() && e.enableDragDrop && e.dragContext, k = () => {
-    if (!h() || !e.dragContext) return !1;
+function He(e) {
+  const n = ee(), o = () => n.isSelected(e.item.id), C = () => n.getFilterMatchForId(e.item.id), h = ve(() => e.item), u = ye(n, h);
+  let c, f = null, y = 0, T = 0, m = !1;
+  const A = 5, O = 500;
+  let v = null;
+  const [F, N] = J(!1), s = () => c === "touch" || c === "pen", B = () => e.item.type === "folder", E = () => B() && e.enableDragDrop && e.dragContext, H = () => {
+    if (!E() || !e.dragContext) return !1;
     const t = e.dragContext.dragState();
     return t.isDragging ? e.dragContext.canDropOn(t.draggedItems, e.item.path, e.item, e.instanceId) : !1;
-  }, u = () => {
+  }, $ = () => {
     if (!e.dragContext) return !1;
     const t = e.dragContext.dragState();
-    return t.isDragging ? t.draggedItems.some((r) => r.item.id === e.item.id) : !1;
-  }, a = () => {
-    $ !== null && (clearTimeout($), $ = null);
-  }, P = () => {
-    typeof document > "u" || (document.removeEventListener("pointermove", Y, !0), document.removeEventListener("pointerup", O, !0), document.removeEventListener("pointercancel", U, !0));
-  }, w = () => {
-    typeof document > "u" || (document.addEventListener("pointermove", Y, !0), document.addEventListener("pointerup", O, !0), document.addEventListener("pointercancel", U, !0));
-  }, E = (t) => {
-    a(), P(), d && e.dragContext && e.dragContext.endDrag(t), g = null, d = !1;
+    return t.isDragging ? t.draggedItems.some((i) => i.item.id === e.item.id) : !1;
+  }, S = () => {
+    v !== null && (clearTimeout(v), v = null);
+  }, d = () => {
+    typeof document > "u" || (document.removeEventListener("pointermove", r, !0), document.removeEventListener("pointerup", P, !0), document.removeEventListener("pointercancel", I, !0));
+  }, x = () => {
+    typeof document > "u" || (document.addEventListener("pointermove", r, !0), document.addEventListener("pointerup", P, !0), document.addEventListener("pointercancel", I, !0));
+  }, M = (t) => {
+    S(), d(), m && e.dragContext && e.dragContext.endDrag(t), f = null, m = !1;
   };
   xe(() => {
-    E(!1);
+    M(!1);
   });
-  const B = (t, r) => {
-    if (!e.enableDragDrop || !e.dragContext || d) return;
-    d = !0, i() || n.selectItem(e.item.id, !1);
-    const c = n.getSelectedItemsList(), o = (c.length > 0 && i() ? c : [e.item]).map((F) => ({
-      item: F,
+  const a = (t, i) => {
+    if (!e.enableDragDrop || !e.dragContext || m) return;
+    m = !0, o() || n.selectItem(e.item.id, !1);
+    const g = n.getSelectedItemsList(), l = (g.length > 0 && o() ? g : [e.item]).map((X) => ({
+      item: X,
       sourceInstanceId: e.instanceId,
       sourcePath: n.currentPath()
     }));
-    if (f() && "vibrate" in navigator)
+    if (s() && "vibrate" in navigator)
       try {
         navigator.vibrate(50);
       } catch {
       }
-    e.dragContext.startDrag(o, t, r);
-  }, Y = (t) => {
-    if (g !== t.pointerId) return;
-    const r = t.clientX - S, c = t.clientY - I, y = Math.sqrt(r * r + c * c);
-    if (f() && !d && y > 10) {
-      E(!1);
+    e.dragContext.startDrag(l, t, i);
+  }, r = (t) => {
+    if (f !== t.pointerId) return;
+    const i = t.clientX - y, g = t.clientY - T, _ = Math.sqrt(i * i + g * g);
+    if (s() && !m && _ > 10) {
+      M(!1);
       return;
     }
-    !f() && !d && y > H && B(t.clientX, t.clientY), d && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
-  }, O = (t) => {
-    g === t.pointerId && (s.onPointerUp(), E(!0));
-  }, U = (t) => {
-    g === t.pointerId && (s.onPointerCancel(), E(!1));
-  }, Z = (t) => {
-    l = t.pointerType, s.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (g = t.pointerId, S = t.clientX, I = t.clientY, d = !1, w(), f() && (a(), $ = setTimeout(() => {
-      g !== null && !d && B(S, I);
-    }, A))));
-  }, ee = (t) => {
-    l = t.pointerType, s.onPointerMove(t);
+    !s() && !m && _ > A && a(t.clientX, t.clientY), m && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
+  }, P = (t) => {
+    f === t.pointerId && (u.onPointerUp(), M(!0));
+  }, I = (t) => {
+    f === t.pointerId && (u.onPointerCancel(), M(!1));
+  }, R = (t) => {
+    c = t.pointerType, u.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (f = t.pointerId, y = t.clientX, T = t.clientY, m = !1, x(), s() && (S(), v = setTimeout(() => {
+      f !== null && !m && a(y, T);
+    }, O))));
   }, te = (t) => {
-    if (!h() || !e.dragContext) return;
-    const r = e.dragContext.dragState();
-    if (!r.isDragging) return;
-    L(!0);
-    const c = e.dragContext.canDropOn(r.draggedItems, e.item.path, e.item, e.instanceId), o = t.currentTarget?.getBoundingClientRect() ?? null;
+    c = t.pointerType, u.onPointerMove(t);
+  }, ne = (t) => {
+    if (!E() || !e.dragContext) return;
+    const i = e.dragContext.dragState();
+    if (!i.isDragging) return;
+    N(!0);
+    const g = e.dragContext.canDropOn(i.draggedItems, e.item.path, e.item, e.instanceId), l = t.currentTarget?.getBoundingClientRect() ?? null;
     e.dragContext.setDropTarget({
       instanceId: e.instanceId,
       targetPath: e.item.path,
       targetItem: e.item
-    }, c, o);
-  }, ne = (t) => {
-    if (!e.dragContext) return;
-    L(!1);
-    const r = e.dragContext.dragState();
-    r.isDragging && r.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+    }, g, l);
   }, re = (t) => {
-    if (d) {
-      d = !1;
+    if (!e.dragContext) return;
+    N(!1);
+    const i = e.dragContext.dragState();
+    i.isDragging && i.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+  }, ie = (t) => {
+    if (m) {
+      m = !1;
       return;
     }
-    if (!s.consumeClickSuppression(t)) {
-      if (f()) {
+    if (!u.consumeClickSuppression(t)) {
+      if (s()) {
         n.openItem(e.item);
         return;
       }
       n.selectItem(e.item.id, t.metaKey || t.ctrlKey);
     }
-  }, ie = () => {
-    f() || n.openItem(e.item);
-  }, ae = (t) => {
-    if (t.preventDefault(), t.stopPropagation(), f()) return;
-    i() || n.selectItem(e.item.id, !1);
-    const r = n.getSelectedItemsList(), c = r.length > 0 ? r : [e.item];
+  }, ae = () => {
+    s() || n.openItem(e.item);
+  }, oe = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), s()) return;
+    o() || n.selectItem(e.item.id, !1);
+    const i = n.getSelectedItemsList(), g = i.length > 0 ? i : [e.item];
     n.showContextMenu({
       x: t.clientX,
       y: t.clientY,
-      items: c
+      items: g
     });
-  }, oe = () => e.item.type === "folder" ? Ce : Ie(e.item.extension), le = () => e.dragContext?.dragState(), ce = () => le()?.isDragging ?? !1, j = () => D() && ce() && h();
+  }, le = () => e.item.type === "folder" ? Ie : we(e.item.extension), ce = () => e.dragContext?.dragState(), se = () => ce()?.isDragging ?? !1, U = () => F() && se() && E();
   return (() => {
-    var t = Ee(), r = t.firstChild, c = r.nextSibling, y = c.nextSibling;
-    return t.addEventListener("pointerleave", ne), t.addEventListener("pointerenter", te), t.$$pointermove = ee, t.$$pointerdown = Z, t.$$contextmenu = ae, t.$$dblclick = ie, t.$$click = re, C(t, v(p, {
+    var t = ke(), i = t.firstChild, g = i.nextSibling, _ = g.nextSibling;
+    return t.addEventListener("pointerleave", re), t.addEventListener("pointerenter", ne), t.$$pointermove = te, t.$$pointerdown = R, t.$$contextmenu = oe, t.$$dblclick = ae, t.$$click = ie, w(t, b(p, {
       get when() {
-        return i();
+        return o();
       },
       get children() {
-        return ke();
+        return Le();
       }
-    }), r), C(r, v(ge, {
+    }), i), w(i, b(ge, {
       get component() {
-        return oe();
+        return le();
       },
       class: "w-8 h-8"
-    })), C(c, v(Fe, {
+    })), w(g, b(Fe, {
       get name() {
         return e.item.name;
       },
       get match() {
-        return b();
+        return C();
       }
-    })), X((o) => {
-      var F = _(
+    })), Y((l) => {
+      var X = k(
         "group relative flex flex-col items-center gap-2 p-3 rounded-lg cursor-pointer h-28",
         "transition-all duration-150 ease-out",
         "hover:bg-accent/50 hover:scale-[1.02]",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         "active:scale-[0.98]",
-        i() && "bg-accent ring-2 ring-primary/50",
+        o() && "bg-accent ring-2 ring-primary/50",
         // Drag state styling - being dragged items become translucent and shrink
-        u() && "opacity-40 scale-90",
+        $() && "opacity-40 scale-90",
         // Drop target styling - enhanced visual feedback for folders
-        j() && k() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
-        j() && !k() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
-      ), N = _("w-12 h-12 flex items-center justify-center rounded-lg", "transition-transform duration-200", "group-hover:scale-110", e.item.type === "folder" ? "bg-warning/10" : "bg-muted/50"), Q = _("text-xs text-center line-clamp-2 w-full px-1", "transition-colors duration-150", i() && "font-medium"), V = e.item.name, K = _("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), q = e.item.type === "folder" ? "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--warning) 8%, transparent), transparent 70%)" : "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 70%)";
-      return F !== o.e && T(t, o.e = F), N !== o.t && T(r, o.t = N), Q !== o.a && T(c, o.a = Q), V !== o.o && ue(c, "title", o.o = V), K !== o.i && T(y, o.i = K), q !== o.n && R(y, "background", o.n = q), o;
+        U() && H() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
+        U() && !H() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
+      ), V = k("w-12 h-12 flex items-center justify-center rounded-lg", "transition-transform duration-200", "group-hover:scale-110", e.item.type === "folder" ? "bg-warning/10" : "bg-muted/50"), z = k("text-xs text-center line-clamp-2 w-full px-1", "transition-colors duration-150", o() && "font-medium"), Q = e.item.name, K = k("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), W = e.item.type === "folder" ? "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--warning) 8%, transparent), transparent 70%)" : "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 70%)";
+      return X !== l.e && L(t, l.e = X), V !== l.t && L(i, l.t = V), z !== l.a && L(g, l.a = z), Q !== l.o && ue(g, "title", l.o = Q), K !== l.i && L(_, l.i = K), W !== l.n && G(_, "background", l.n = W), l;
     }, {
       e: void 0,
       t: void 0,
@@ -255,5 +271,5 @@ function Me(e) {
 }
 fe(["click", "dblclick", "contextmenu", "pointerdown", "pointermove"]);
 export {
-  Ue as FileGridView
+  je as FileGridView
 };

package/dist/components/launchpad/LaunchpadModal.js

@@ -1,113 +1,81 @@
-import { createComponent as f, Portal as P, insert as T, template as D, use as M } from "solid-js/web";
-import { createMemo as s, createEffect as x, onCleanup as B, Show as I } from "solid-js";
-import { lockBodyStyle as O } from "../../utils/bodyStyleLock.js";
-import { deferNonBlocking as A } from "../../utils/defer.js";
-import { Launchpad as F } from "./Launchpad.js";
-var H = /* @__PURE__ */ D("<div role=dialog aria-modal=true tabindex=-1>");
-function y(n) {
-  const c = ["a[href]", "button:not([disabled])", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])', '[contenteditable="true"]'].join(",");
-  return Array.from(n.querySelectorAll(c)).filter((u) => u instanceof HTMLElement);
-}
-function N(n) {
-  let c;
-  const u = s(() => n.onOpenChange), w = s(() => n.onSelect), i = () => u()(!1), L = s(() => n.items.map((t) => ({
-    ...t,
+import { createComponent as c, Portal as f, insert as h, template as g, use as k } from "solid-js/web";
+import { createMemo as n, Show as C } from "solid-js";
+import { deferNonBlocking as S } from "../../utils/defer.js";
+import { useOverlayMask as v } from "../../hooks/useOverlayMask.js";
+import { Launchpad as y } from "./Launchpad.js";
+var O = /* @__PURE__ */ g("<div role=dialog aria-modal=true tabindex=-1>");
+function F(t) {
+  let r;
+  const a = n(() => t.onOpenChange), u = n(() => t.onSelect), l = () => a()(!1);
+  v({
+    open: () => t.open,
+    root: () => r,
+    onClose: l,
+    lockBodyScroll: !0,
+    trapFocus: !0,
+    closeOnEscape: !0,
+    blockHotkeys: !0,
+    // Launchpad uses wheel deltas for pagination, so we block default scrolling unconditionally.
+    blockWheel: "all",
+    // iOS: prevent touch scroll bleed (Launchpad is full-screen and does not need native scrolling).
+    blockTouchMove: "all",
+    autoFocus: {
+      selector: ".launchpad-search input"
+    },
+    restoreFocus: !0
+  });
+  const s = n(() => t.items.map((e) => ({
+    ...e,
     onClick: void 0
-  }))), k = s(() => n.additionalItems?.map((t) => ({
-    ...t,
+  }))), i = n(() => t.additionalItems?.map((e) => ({
+    ...e,
     onClick: void 0
-  }))), C = (t) => {
-    const o = n.closeOnSelect;
-    return typeof o == "function" ? o(t) : o !== !1;
-  }, S = (t) => {
-    C(t) && i();
-    const o = w();
-    o && A(() => o(t));
+  }))), m = (e) => {
+    const o = t.closeOnSelect;
+    return typeof o == "function" ? o(e) : o !== !1;
+  }, d = (e) => {
+    m(e) && l();
+    const o = u();
+    o && S(() => o(e));
   };
-  return x(() => {
-    if (!n.open || typeof document > "u") return;
-    const t = document.activeElement instanceof HTMLElement ? document.activeElement : null, o = O({
-      overflow: "hidden"
-    });
-    setTimeout(() => {
-      const e = c;
-      if (!e) return;
-      const r = e.querySelector(".launchpad-search input");
-      if (r) {
-        r.focus();
-        return;
-      }
-      (y(e)[0] ?? e).focus();
-    }, 0);
-    const m = (e) => {
-      if (e.key !== "Tab") return;
-      const r = c;
-      if (!r) return;
-      const a = y(r);
-      if (!a.length) {
-        e.preventDefault(), r.focus();
-        return;
-      }
-      const d = a[0], b = a[a.length - 1], l = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-      e.shiftKey ? (l === d || !l || !r.contains(l)) && (e.preventDefault(), b.focus()) : l === b && (e.preventDefault(), d.focus());
-    }, v = (e) => {
-      e.key === "Escape" && (e.preventDefault(), e.stopImmediatePropagation(), i());
-    }, h = (e) => {
-      e.stopPropagation();
-    }, p = (e) => {
-      e.cancelable && e.preventDefault();
-    }, g = (e) => {
-      e.stopPropagation();
-    }, E = (e) => {
-      e.cancelable && e.preventDefault();
-    };
-    document.addEventListener("keydown", m, !0), window.addEventListener("keydown", v, !0), document.addEventListener("keydown", h), document.addEventListener("wheel", p, {
-      capture: !0,
-      passive: !1
-    }), document.addEventListener("wheel", g), document.addEventListener("touchmove", E, {
-      capture: !0,
-      passive: !1
-    }), B(() => {
-      document.removeEventListener("keydown", m, !0), window.removeEventListener("keydown", v, !0), document.removeEventListener("keydown", h), document.removeEventListener("wheel", p, !0), document.removeEventListener("wheel", g), document.removeEventListener("touchmove", E, !0), o(), t?.focus();
-    });
-  }), f(I, {
+  return c(C, {
     get when() {
-      return n.open;
+      return t.open;
     },
     get children() {
-      return f(P, {
+      return c(f, {
         get children() {
-          var t = H(), o = c;
-          return typeof o == "function" ? M(o, t) : c = t, T(t, f(F, {
+          var e = O(), o = r;
+          return typeof o == "function" ? k(o, e) : r = e, h(e, c(y, {
             get items() {
-              return L();
+              return s();
             },
             get additionalItems() {
-              return k();
+              return i();
             },
             get itemsPerPage() {
-              return n.itemsPerPage;
+              return t.itemsPerPage;
             },
             get columns() {
-              return n.columns;
+              return t.columns;
             },
             get showSearch() {
-              return n.showSearch;
+              return t.showSearch;
             },
             get class() {
-              return n.class;
+              return t.class;
             },
             get style() {
-              return n.style;
+              return t.style;
             },
-            onItemClick: S,
-            onClose: i
-          })), t;
+            onItemClick: d,
+            onClose: l
+          })), e;
         }
       });
     }
   });
 }
 export {
-  N as LaunchpadModal
+  F as LaunchpadModal
 };