@floegence/floe-webapp-core 0.8.5 → 0.8.7

package/dist/index2.js

@@ -11,7 +11,7 @@ import { BottomBar as D } from "./index6.js";
 import { MobileTabBar as L } from "./index7.js";
 import { ActivityBar as N } from "./index3.js";
 import { ResizeHandle as _ } from "./index8.js";
-import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index82.js";
+import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index83.js";
 var y = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), G = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), J = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), K = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), U = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
 function de(l) {
   const r = R(), M = H(), d = P(M.config.layout.mobileQuery), [p, g] = F(!1), s = (() => {

package/dist/index29.js

@@ -4,7 +4,7 @@ import { cn as m } from "./index69.js";
 import { Dialog as s } from "./index22.js";
 import { Button as o } from "./index20.js";
 import { deferNonBlocking as f } from "./index70.js";
-import { usePickerTree as P, PathInputBar as x, PickerBreadcrumb as C, PickerFolderTree as S, NewFolderSection as p } from "./index83.js";
+import { usePickerTree as P, PathInputBar as x, PickerBreadcrumb as C, PickerFolderTree as S, NewFolderSection as p } from "./index82.js";
 var b = /* @__PURE__ */ i('<div class="flex flex-col gap-2 -mt-1">'), y = /* @__PURE__ */ i('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">');
 function T(t) {
   const e = P({

package/dist/index30.js

@@ -6,7 +6,7 @@ import { Button as w } from "./index20.js";
 import { Input as K } from "./index21.js";
 import { getFileIcon as L } from "./index48.js";
 import { deferNonBlocking as O } from "./index70.js";
-import { usePickerTree as R, normalizePath as G, PathInputBar as M, PickerBreadcrumb as j, PickerFolderTree as q, NewFolderSection as A } from "./index83.js";
+import { usePickerTree as R, normalizePath as G, PathInputBar as M, PickerBreadcrumb as j, PickerFolderTree as q, NewFolderSection as A } from "./index82.js";
 var H = /* @__PURE__ */ h('<div class="flex flex-col gap-2 -mt-1"><div class="flex border border-border rounded overflow-hidden"style=height:260px><div class="w-1/2 min-w-0 overflow-y-auto">'), J = /* @__PURE__ */ h('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-xs text-muted-foreground flex-shrink-0">File name:</label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), Q = /* @__PURE__ */ h('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">No files in this directory'), U = /* @__PURE__ */ h('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), V = /* @__PURE__ */ h("<button type=button><span class=truncate>");
 function ae(e) {
   const [u, f] = $(e.initialFileName ?? ""), [S, s] = $(""), r = R({

package/dist/index43.js

@@ -1,341 +1,353 @@
-import { delegateEvents as te, template as g, use as ie, insert as a, createComponent as c, effect as k, setStyleProperty as F, className as E, Dynamic as ne, memo as j } from "solid-js/web";
-import { createSignal as re, createMemo as O, Show as b, For as V, untrack as oe } from "solid-js";
-import { cn as N } from "./index69.js";
+import { delegateEvents as ie, template as p, use as ne, insert as m, createComponent as c, effect as P, className as I, setStyleProperty as N, Dynamic as re, memo as O } from "solid-js/web";
+import { createSignal as oe, createMemo as V, Show as C, For as X, untrack as se } from "solid-js";
+import { cn as R } from "./index69.js";
 import { useMediaQuery as Q } from "./index63.js";
-import { useResizeObserver as se } from "./index65.js";
-import { useFileBrowser as X } from "./index41.js";
-import { FolderIcon as le, getFileIcon as de } from "./index48.js";
+import { useResizeObserver as le } from "./index65.js";
+import { useFileBrowser as Y } from "./index41.js";
+import { FolderIcon as de, getFileIcon as ae } from "./index48.js";
 import { ChevronDown as ce } from "./index34.js";
-import { createLongPressContextMenuHandlers as ae } from "./index84.js";
-import { ResizeHandle as K } from "./index8.js";
-var me = /* @__PURE__ */ g("<span class=truncate>"), he = /* @__PURE__ */ g('<mark class="bg-warning/40 text-inherit rounded-sm">'), ue = /* @__PURE__ */ g("<span>"), fe = /* @__PURE__ */ g('<div class="relative shrink-0"><button type=button class="group w-full flex items-center px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified'), xe = /* @__PURE__ */ g('<div class=shrink-0><button type=button class="group w-full flex items-center px-3 py-2 text-right justify-end cursor-pointer hover:bg-muted/50 transition-colors">Size'), ge = /* @__PURE__ */ g('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><div class="relative flex-1 min-w-0"><button type=button class="group w-full flex items-center min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Name</button></div></div><div class="flex-1 min-h-0 overflow-auto">'), $e = /* @__PURE__ */ g('<span>No files matching "<!>"'), we = /* @__PURE__ */ g('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), ve = /* @__PURE__ */ g('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), pe = /* @__PURE__ */ g("<span>This folder is empty"), ze = /* @__PURE__ */ g('<div class="shrink-0 px-3 py-1.5 text-muted-foreground truncate">'), Me = /* @__PURE__ */ g('<div class="shrink-0 px-3 py-1.5 text-right text-muted-foreground">'), _e = /* @__PURE__ */ g('<button type=button style=animation-fill-mode:backwards><div class="flex items-center gap-2 flex-1 min-w-0 px-3 py-1.5"><span class="flex-shrink-0 w-4 h-4">');
-function ye(r) {
-  const d = O(() => {
+import { createLongPressContextMenuHandlers as me } from "./index84.js";
+import { ResizeHandle as j } from "./index8.js";
+var he = /* @__PURE__ */ p("<span class=truncate>"), ue = /* @__PURE__ */ p('<mark class="bg-warning/40 text-inherit rounded-sm">'), fe = /* @__PURE__ */ p("<span>"), xe = /* @__PURE__ */ p('<div><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified'), ge = /* @__PURE__ */ p('<div class=shrink-0><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Size'), we = /* @__PURE__ */ p('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><div><button type=button class="group w-full flex items-center min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors"><span class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4"aria-hidden=true></span><span class="flex items-center min-w-0"><span class=truncate>Name</span></span></span></button></div></div><div class="flex-1 min-h-0 overflow-auto">'), ve = /* @__PURE__ */ p('<span>No files matching "<!>"'), $e = /* @__PURE__ */ p('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), pe = /* @__PURE__ */ p('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), ze = /* @__PURE__ */ p("<span>This folder is empty"), K = /* @__PURE__ */ p('<div class="shrink-0 px-3 py-1.5 text-left text-muted-foreground truncate">'), Me = /* @__PURE__ */ p('<button type=button style=animation-fill-mode:backwards><div class="flex items-center gap-2 flex-1 min-w-0 px-3 py-1.5"><span class="flex-shrink-0 w-4 h-4">');
+function be(r) {
+  const d = V(() => {
     if (!r.match || r.match.matchedIndices.length === 0)
       return [{
         text: r.name,
         highlight: !1
       }];
-    const f = [], _ = new Set(r.match.matchedIndices);
-    let x = "", u = !1;
-    for (let m = 0; m < r.name.length; m++) {
-      const y = _.has(m);
-      m === 0 ? (u = y, x = r.name[m]) : y === u ? x += r.name[m] : (f.push({
-        text: x,
-        highlight: u
-      }), x = r.name[m], u = y);
+    const w = [], M = new Set(r.match.matchedIndices);
+    let v = "", f = !1;
+    for (let h = 0; h < r.name.length; h++) {
+      const b = M.has(h);
+      h === 0 ? (f = b, v = r.name[h]) : b === f ? v += r.name[h] : (w.push({
+        text: v,
+        highlight: f
+      }), v = r.name[h], f = b);
     }
-    return x && f.push({
-      text: x,
-      highlight: u
-    }), f;
+    return v && w.push({
+      text: v,
+      highlight: f
+    }), w;
   });
   return (() => {
-    var f = me();
-    return a(f, c(V, {
+    var w = he();
+    return m(w, c(X, {
       get each() {
         return d();
       },
-      children: (_) => c(b, {
+      children: (M) => c(C, {
         get when() {
-          return _.highlight;
+          return M.highlight;
         },
         get fallback() {
-          return j(() => _.text);
+          return O(() => M.text);
         },
         get children() {
-          var x = he();
-          return a(x, () => _.text), x;
+          var v = ue();
+          return m(v, () => M.text), v;
         }
       })
-    })), f;
+    })), w;
   })();
 }
-function Ae(r) {
-  const d = X(), f = (t) => {
+function Ne(r) {
+  const d = Y(), w = (t) => {
     const e = d.sortConfig();
     d.setSortConfig({
       field: t,
       direction: e.field === t && e.direction === "asc" ? "desc" : "asc"
     });
-  }, _ = (t) => t === void 0 ? "-" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`, x = (t) => t ? t.toLocaleDateString("en-US", {
+  }, M = (t) => t === void 0 ? "-" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`, v = (t) => t ? t.toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }) : "-", u = (t) => {
+  }) : "-", f = (t) => {
     const e = () => d.sortConfig(), i = () => e().field === t.field;
     return (() => {
-      var o = ue();
-      return a(o, c(ce, {
+      var l = fe();
+      return m(l, c(ce, {
         get class() {
-          return N("w-3 h-3 transition-transform duration-150", i() && e().direction === "asc" && "rotate-180");
+          return R("w-3 h-3 transition-transform duration-150", i() && e().direction === "asc" && "rotate-180");
         }
-      })), k(() => E(o, N("ml-1 transition-all duration-150", i() ? "opacity-100" : "opacity-0 group-hover:opacity-40"))), o;
+      })), P(() => I(l, R("ml-1 transition-all duration-150", i() ? "opacity-100" : "opacity-0 group-hover:opacity-40"))), l;
     })();
-  }, m = Q("(min-width: 640px)"), y = Q("(min-width: 768px)"), [A, L] = re(null), T = se(A), W = (t, e, i) => Math.max(e, Math.min(i, t)), $ = O(() => {
-    var D;
-    const t = ((D = T()) == null ? void 0 : D.width) ?? 0, e = m(), i = y(), o = d.listColumnRatios(), h = 160, s = 120, l = 80, v = 128, p = 96;
+  }, h = Q("(min-width: 640px)"), b = Q("(min-width: 768px)"), [T, H] = oe(null), U = le(T), D = (t, e, i) => Math.max(e, Math.min(i, t)), g = V(() => {
+    var k;
+    const t = ((k = U()) == null ? void 0 : k.width) ?? 0, e = h(), i = b(), l = d.listColumnRatios(), u = 160, x = 120, $ = 80, S = 128, s = 96;
     if (!e || t <= 0)
       return {
         width: t,
         showModified: e,
         showSize: i,
-        minName: h,
-        minModified: s,
-        minSize: l,
-        modifiedWidth: v,
-        sizeWidth: p
+        minName: u,
+        minModified: x,
+        minSize: $,
+        modifiedWidth: S,
+        sizeWidth: s
       };
     if (!i) {
-      const C = o.size, S = Math.max(0, 1 - C);
-      let M = (S > 0 ? o.modifiedAt / S : o.modifiedAt) * t;
-      return M = W(M, s, Math.max(s, t - h)), {
+      const W = l.size, _ = Math.max(0, 1 - W);
+      let z = (_ > 0 ? l.modifiedAt / _ : l.modifiedAt) * t;
+      return z = D(z, x, Math.max(x, t - u)), {
         width: t,
         showModified: e,
         showSize: i,
-        minName: h,
-        minModified: s,
-        minSize: l,
-        modifiedWidth: M,
+        minName: u,
+        minModified: x,
+        minSize: $,
+        modifiedWidth: z,
         sizeWidth: 0
       };
     }
-    let w = Math.max(s, o.modifiedAt * t), z = Math.max(l, o.size * t);
-    const U = Math.max(0, t - h);
-    if (w + z > U) {
-      const C = w + z - U, S = Math.max(0, w - s), M = Math.max(0, z - l), P = S + M;
-      P > 0 && (w -= C * (S / P), z -= C * (M / P));
+    let o = Math.max(x, l.modifiedAt * t), a = Math.max($, l.size * t);
+    const y = Math.max(0, t - u);
+    if (o + a > y) {
+      const W = o + a - y, _ = Math.max(0, o - x), z = Math.max(0, a - $), F = _ + z;
+      F > 0 && (o -= W * (_ / F), a -= W * (z / F));
     }
-    return w = Math.max(s, w), z = Math.max(l, z), {
+    return o = Math.max(x, o), a = Math.max($, a), {
       width: t,
       showModified: e,
       showSize: i,
-      minName: h,
-      minModified: s,
-      minSize: l,
-      modifiedWidth: w,
-      sizeWidth: z
+      minName: u,
+      minModified: x,
+      minSize: $,
+      modifiedWidth: o,
+      sizeWidth: a
     };
-  }), R = () => $().modifiedWidth, I = () => $().sizeWidth, H = (t) => {
-    const e = $();
+  }), A = () => g().modifiedWidth, L = () => g().sizeWidth, B = (t) => {
+    const e = g();
     if (!e.showModified || e.width <= 0) return;
     if (!e.showSize) {
-      const D = d.listColumnRatios().size, C = Math.max(0, 1 - D);
-      if (C <= 0) return;
-      const S = e.width, M = e.modifiedWidth, P = Math.max(0, S - M), Y = e.minName - P, q = M - e.minModified, B = W(t, Y, q);
-      if (B === 0) return;
-      const G = P + B, J = M - B, Z = G / S * C, ee = J / S * C;
+      const k = d.listColumnRatios().size, W = Math.max(0, 1 - k);
+      if (W <= 0) return;
+      const _ = e.width, z = e.modifiedWidth, F = Math.max(0, _ - z), q = e.minName - F, G = z - e.minModified, E = D(t, q, G);
+      if (E === 0) return;
+      const J = F + E, Z = z - E, ee = J / _ * W, te = Z / _ * W;
       d.setListColumnRatios({
-        name: Z,
-        modifiedAt: ee,
-        size: D
+        name: ee,
+        modifiedAt: te,
+        size: k
       });
       return;
     }
-    const i = e.width, o = e.modifiedWidth, h = e.sizeWidth, s = Math.max(0, i - o - h), l = e.minName - s, v = o - e.minModified, p = W(t, l, v);
-    if (p === 0) return;
-    const w = s + p, z = o - p;
+    const i = e.width, l = e.modifiedWidth, u = e.sizeWidth, x = Math.max(0, i - l - u), $ = e.minName - x, S = l - e.minModified, s = D(t, $, S);
+    if (s === 0) return;
+    const o = x + s, a = l - s;
     d.setListColumnRatios({
-      name: w / i,
-      modifiedAt: z / i,
-      size: h / i
+      name: o / i,
+      modifiedAt: a / i,
+      size: u / i
     });
   }, n = (t) => {
-    const e = $();
+    const e = g();
     if (!e.showSize || e.width <= 0) return;
-    const i = e.width, o = e.modifiedWidth, h = e.sizeWidth, s = e.minModified - o, l = h - e.minSize, v = W(t, s, l);
-    if (v === 0) return;
-    const p = o + v, w = h - v, z = Math.max(0, i - p - w);
+    const i = e.width, l = e.modifiedWidth, u = e.sizeWidth, x = e.minModified - l, $ = u - e.minSize, S = D(t, x, $);
+    if (S === 0) return;
+    const s = l + S, o = u - S, a = Math.max(0, i - s - o);
     d.setListColumnRatios({
-      name: z / i,
-      modifiedAt: p / i,
-      size: w / i
+      name: a / i,
+      modifiedAt: s / i,
+      size: o / i
     });
   };
   return (() => {
-    var t = ge(), e = t.firstChild, i = e.firstChild, o = i.firstChild;
-    o.firstChild;
-    var h = e.nextSibling;
-    return ie(L, e), o.$$click = () => f("name"), a(o, c(u, {
+    var t = we(), e = t.firstChild, i = e.firstChild, l = i.firstChild, u = l.firstChild, x = u.firstChild, $ = x.nextSibling;
+    $.firstChild;
+    var S = e.nextSibling;
+    return ne(H, e), l.$$click = () => w("name"), m($, c(f, {
       field: "name"
-    }), null), a(i, c(b, {
+    }), null), m(i, c(C, {
       get when() {
-        return $().showModified;
+        return g().showModified;
       },
       get children() {
-        return c(K, {
+        return c(j, {
           direction: "horizontal",
-          onResize: H
+          onResize: B
         });
       }
-    }), null), a(e, c(b, {
+    }), null), m(e, c(C, {
       get when() {
-        return $().showModified;
+        return g().showModified;
       },
       get children() {
-        var s = fe(), l = s.firstChild;
-        return l.firstChild, l.$$click = () => f("modifiedAt"), a(l, c(u, {
+        var s = xe(), o = s.firstChild;
+        return o.firstChild, o.$$click = () => w("modifiedAt"), m(o, c(f, {
           field: "modifiedAt"
-        }), null), a(s, c(b, {
+        }), null), m(s, c(C, {
           get when() {
-            return $().showSize;
+            return g().showSize;
           },
           get children() {
-            return c(K, {
+            return c(j, {
               direction: "horizontal",
               onResize: n
             });
           }
-        }), null), k((v) => F(s, "width", `${R()}px`)), s;
+        }), null), P((a) => {
+          var y = R("relative shrink-0", g().showSize && "border-r border-border"), k = `${A()}px`;
+          return y !== a.e && I(s, a.e = y), k !== a.t && N(s, "width", a.t = k), a;
+        }, {
+          e: void 0,
+          t: void 0
+        }), s;
       }
-    }), null), a(e, c(b, {
+    }), null), m(e, c(C, {
       get when() {
-        return $().showSize;
+        return g().showSize;
       },
       get children() {
-        var s = xe(), l = s.firstChild;
-        return l.firstChild, l.$$click = () => f("size"), a(l, c(u, {
+        var s = ge(), o = s.firstChild;
+        return o.firstChild, o.$$click = () => w("size"), m(o, c(f, {
           field: "size"
-        }), null), k((v) => F(s, "width", `${I()}px`)), s;
+        }), null), P((a) => N(s, "width", `${L()}px`)), s;
       }
-    }), null), a(h, c(b, {
+    }), null), m(S, c(C, {
       get when() {
         return d.currentFiles().length > 0;
       },
       get fallback() {
         return (() => {
-          var s = ve();
-          return a(s, c(b, {
+          var s = pe();
+          return m(s, c(C, {
             get when() {
               return d.filterQuery().trim();
             },
             get fallback() {
-              return pe();
+              return ze();
             },
             get children() {
               return [(() => {
-                var l = $e(), v = l.firstChild, p = v.nextSibling;
-                return p.nextSibling, a(l, () => d.filterQuery(), p), l;
+                var o = ve(), a = o.firstChild, y = a.nextSibling;
+                return y.nextSibling, m(o, () => d.filterQuery(), y), o;
               })(), (() => {
-                var l = we();
-                return l.$$click = () => d.setFilterQuery(""), l;
+                var o = $e();
+                return o.$$click = () => d.setFilterQuery(""), o;
               })()];
             }
           })), s;
         })();
       },
       get children() {
-        return c(V, {
+        return c(X, {
           get each() {
             return d.currentFiles();
           },
-          children: (s, l) => c(Se, {
+          children: (s, o) => c(Se, {
             item: s,
-            formatSize: _,
-            formatDate: x,
+            formatSize: M,
+            formatDate: v,
             get index() {
-              return l();
+              return o();
             },
             get showModified() {
-              return $().showModified;
+              return g().showModified;
             },
             get showSize() {
-              return $().showSize;
+              return g().showSize;
             },
             get modifiedWidthPx() {
-              return R();
+              return A();
             },
             get sizeWidthPx() {
-              return I();
+              return L();
             }
           })
         });
       }
-    })), k(() => E(t, N("flex flex-col h-full min-h-0", r.class))), t;
+    })), P((s) => {
+      var o = R("flex flex-col h-full min-h-0", r.class), a = R("relative flex-1 min-w-0", g().showModified && "border-r border-border");
+      return o !== s.e && I(t, s.e = o), a !== s.t && I(i, s.t = a), s;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
   })();
 }
 function Se(r) {
-  const d = X(), f = () => d.isSelected(r.item.id), _ = () => d.getFilterMatch(r.item.name), x = oe(() => r.item), u = ae(d, x);
-  let m;
-  const y = () => m === "touch" || m === "pen", A = (n) => {
-    m = n.pointerType, u.onPointerDown(n);
-  }, L = (n) => {
-    m = n.pointerType, u.onPointerMove(n);
-  }, T = (n) => {
-    m = n.pointerType, u.onPointerUp();
-  }, W = (n) => {
-    m = n.pointerType, u.onPointerCancel();
-  }, $ = (n) => {
-    if (!u.consumeClickSuppression(n)) {
-      if (y()) {
+  const d = Y(), w = () => d.isSelected(r.item.id), M = () => d.getFilterMatch(r.item.name), v = se(() => r.item), f = me(d, v);
+  let h;
+  const b = () => h === "touch" || h === "pen", T = (n) => {
+    h = n.pointerType, f.onPointerDown(n);
+  }, H = (n) => {
+    h = n.pointerType, f.onPointerMove(n);
+  }, U = (n) => {
+    h = n.pointerType, f.onPointerUp();
+  }, D = (n) => {
+    h = n.pointerType, f.onPointerCancel();
+  }, g = (n) => {
+    if (!f.consumeClickSuppression(n)) {
+      if (b()) {
         d.openItem(r.item);
         return;
       }
       d.selectItem(r.item.id, n.metaKey || n.ctrlKey);
     }
-  }, R = () => {
-    y() || d.openItem(r.item);
-  }, I = (n) => {
-    if (n.preventDefault(), n.stopPropagation(), y()) return;
-    f() || d.selectItem(r.item.id, !1);
-    const t = d.selectedItems(), e = d.currentFiles(), i = t.size > 0 ? e.filter((o) => t.has(o.id)) : [r.item];
+  }, A = () => {
+    b() || d.openItem(r.item);
+  }, L = (n) => {
+    if (n.preventDefault(), n.stopPropagation(), b()) return;
+    w() || d.selectItem(r.item.id, !1);
+    const t = d.selectedItems(), e = d.currentFiles(), i = t.size > 0 ? e.filter((l) => t.has(l.id)) : [r.item];
     d.showContextMenu({
       x: n.clientX,
       y: n.clientY,
       items: i
     });
-  }, H = () => r.item.type === "folder" ? le : de(r.item.extension);
+  }, B = () => r.item.type === "folder" ? de : ae(r.item.extension);
   return (() => {
-    var n = _e(), t = n.firstChild, e = t.firstChild;
-    return n.addEventListener("pointercancel", W), n.$$pointerup = T, n.$$pointermove = L, n.$$pointerdown = A, n.$$contextmenu = I, n.$$dblclick = R, n.$$click = $, a(e, c(ne, {
+    var n = Me(), t = n.firstChild, e = t.firstChild;
+    return n.addEventListener("pointercancel", D), n.$$pointerup = U, n.$$pointermove = H, n.$$pointerdown = T, n.$$contextmenu = L, n.$$dblclick = A, n.$$click = g, m(e, c(re, {
       get component() {
-        return H();
+        return B();
       },
       class: "w-4 h-4"
-    })), a(t, c(ye, {
+    })), m(t, c(be, {
       get name() {
         return r.item.name;
       },
       get match() {
-        return _();
+        return M();
       }
-    }), null), a(n, c(b, {
+    }), null), m(n, c(C, {
       get when() {
         return r.showModified;
       },
       get children() {
-        var i = ze();
-        return a(i, () => r.formatDate(r.item.modifiedAt)), k((o) => F(i, "width", `${r.modifiedWidthPx}px`)), i;
+        var i = K();
+        return m(i, () => r.formatDate(r.item.modifiedAt)), P((l) => N(i, "width", `${r.modifiedWidthPx}px`)), i;
       }
-    }), null), a(n, c(b, {
+    }), null), m(n, c(C, {
       get when() {
         return r.showSize;
       },
       get children() {
-        var i = Me();
-        return a(i, (() => {
-          var o = j(() => r.item.type === "folder");
-          return () => o() ? "-" : r.formatSize(r.item.size);
-        })()), k((o) => F(i, "width", `${r.sizeWidthPx}px`)), i;
+        var i = K();
+        return m(i, (() => {
+          var l = O(() => r.item.type === "folder");
+          return () => l() ? "-" : r.formatSize(r.item.size);
+        })()), P((l) => N(i, "width", `${r.sizeWidthPx}px`)), i;
       }
-    }), null), k((i) => {
-      var o = N(
+    }), null), P((i) => {
+      var l = R(
         "group w-full flex items-center text-xs cursor-pointer",
         "transition-all duration-100",
         "hover:bg-accent/50",
         "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
-        f() && "bg-accent text-accent-foreground",
+        w() && "bg-accent text-accent-foreground",
         // Staggered animation on mount
         "animate-in fade-in slide-in-from-top-2"
-      ), h = `${Math.min(r.index * 20, 200)}ms`;
-      return o !== i.e && E(n, i.e = o), h !== i.t && F(n, "animation-delay", i.t = h), i;
+      ), u = `${Math.min(r.index * 20, 200)}ms`;
+      return l !== i.e && I(n, i.e = l), u !== i.t && N(n, "animation-delay", i.t = u), i;
     }, {
       e: void 0,
       t: void 0
     }), n;
   })();
 }
-te(["click", "dblclick", "contextmenu", "pointerdown", "pointermove", "pointerup"]);
+ie(["click", "dblclick", "contextmenu", "pointerdown", "pointermove", "pointerup"]);
 export {
-  Ae as FileListView
+  Ne as FileListView
 };

package/dist/index8.js

@@ -4,9 +4,9 @@ import { cn as p } from "./index69.js";
 import { lockBodyStyle as G } from "./index72.js";
 var L = /* @__PURE__ */ C("<div role=separator style=touch-action:none><div></div><div>");
 function T(l) {
-  const [s, g] = E(!1);
+  const [s, v] = E(!1);
   let r = 0, o = 0, c = null, n, u = null, i = null;
-  const v = (t) => {
+  const g = (t) => {
     if (!t) {
       i == null || i(), i = null;
       return;
@@ -19,9 +19,9 @@ function T(l) {
     if (!s()) return;
     u !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(u), u = null);
     const t = o - r;
-    t !== 0 && (l.onResize(t), r = o), g(!1), c = null, v(!1);
+    t !== 0 && (l.onResize(t), r = o), v(!1), c = null, g(!1);
   }, h = (t) => l.direction === "horizontal" ? t.clientX : t.clientY, x = (t) => {
-    t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), c = t.pointerId, g(!0), r = h(t), o = r, v(!0), n == null || n.setPointerCapture(t.pointerId));
+    t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), c = t.pointerId, v(!0), r = h(t), o = r, g(!0), n == null || n.setPointerCapture(t.pointerId));
   }, $ = (t) => {
     if (!(!s() || c !== t.pointerId) && (o = h(t), u === null)) {
       if (typeof requestAnimationFrame > "u") {
@@ -51,7 +51,7 @@ function T(l) {
     t.addEventListener("pointercancel", y), t.$$pointerup = y, t.$$pointermove = $, t.$$pointerdown = x;
     var b = n;
     return typeof b == "function" ? q(b, t) : n = t, F((e) => {
-      var z = p("absolute z-20 group", d() ? "top-0 right-0 w-1 h-full cursor-col-resize hover:w-1.5" : "left-0 top-0 h-1 w-full cursor-row-resize hover:h-1.5", "transition-all duration-100", s() && "bg-primary", !s() && "hover:bg-primary/50", l.class), w = d() ? "vertical" : "horizontal", P = p("absolute pointer-events-none", d() ? "top-0 bottom-0 left-1/2 w-px -translate-x-1/2" : "left-0 right-0 top-1/2 h-px -translate-y-1/2", s() && "bg-primary opacity-100", !s() && "bg-border/60 opacity-70 group-hover:bg-primary/50 group-hover:opacity-100"), I = p("absolute opacity-0 group-hover:opacity-100 transition-opacity duration-150", d() ? "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-0.5 h-8 rounded-full bg-muted-foreground/30" : "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-0.5 w-8 rounded-full bg-muted-foreground/30");
+      var z = p("absolute z-20 group", d() ? "top-0 right-0 w-1 h-full cursor-col-resize hover:w-1.5" : "left-0 top-0 h-1 w-full cursor-row-resize hover:h-1.5", "transition-all duration-100", s() && "bg-primary", !s() && "hover:bg-primary/50", l.class), w = d() ? "vertical" : "horizontal", P = p("absolute pointer-events-none", d() ? "top-0 bottom-0 left-1/2 w-px -translate-x-1/2" : "left-0 right-0 top-1/2 h-px -translate-y-1/2", s() && "bg-primary opacity-100", !s() && "bg-primary/50 opacity-0 group-hover:opacity-100"), I = p("absolute opacity-0 group-hover:opacity-100 transition-opacity duration-150", d() ? "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-0.5 h-8 rounded-full bg-muted-foreground/30" : "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-0.5 w-8 rounded-full bg-muted-foreground/30");
       return z !== e.e && f(t, e.e = z), w !== e.t && S(t, "aria-orientation", e.t = w), P !== e.a && f(a, e.a = P), I !== e.o && f(D, e.o = I), e;
     }, {
       e: void 0,