@floegence/floe-webapp-core 0.57.1 → 0.59.0

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

@@ -6,12 +6,12 @@ import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js
 import { FileItemIcon as W } from "./FileIcons.js";
 var Y = /* @__PURE__ */ a('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), q = /* @__PURE__ */ a("<span>Drop to move"), y = /* @__PURE__ */ a("<div>"), H = /* @__PURE__ */ a('<div class="flex items-center gap-2.5 text-xs text-foreground"><span class="flex-shrink-0 w-4 h-4"></span><span class="truncate font-medium">'), J = /* @__PURE__ */ a("<span>Cannot drop here"), K = /* @__PURE__ */ a('<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><polyline points="20 6 9 17 4 12">'), L = /* @__PURE__ */ a('<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><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>');
 const x = 3, P = 4, T = 4, Q = 0.2;
-function lt() {
+function le() {
   const g = G(), n = () => g?.dragState(), S = () => n()?.isDragging ?? !1, C = () => n()?.isDragEnding ?? !1, [c, h] = F(null), [s, w] = F(!1);
   let _ = !1;
   V(() => {
-    const t = S(), e = C();
-    if (t && !e && !_ && (h(null), w(!1)), e && !_) {
+    const e = S(), t = C();
+    if (e && !t && !_ && (h(null), w(!1)), t && !_) {
       const r = n();
       if (r && r.draggedItems.length > 0) {
         const i = r.pointerPosition;
@@ -26,21 +26,21 @@ function lt() {
         }), w(!0);
       }
     }
-    _ = e;
+    _ = t;
   });
   const R = () => S() || C() || s(), E = d(() => {
-    const t = c();
-    return t ? t.items.slice(0, x) : (n()?.draggedItems ?? []).slice(0, x).map((r) => r.item);
+    const e = c();
+    return e ? e.items.slice(0, x) : (n()?.draggedItems ?? []).slice(0, x).map((r) => r.item);
   }), v = d(() => {
-    const t = c();
-    return t ? t.items.length : n()?.draggedItems?.length ?? 0;
+    const e = c();
+    return e ? e.items.length : n()?.draggedItems?.length ?? 0;
   }), k = d(() => {
-    const t = v();
-    return t > x ? t - x : 0;
+    const e = v();
+    return e > x ? e - x : 0;
   }), b = d(() => {
-    const t = c();
-    if (t)
-      return t.position;
+    const e = c();
+    if (e)
+      return e.position;
     const r = n()?.pointerPosition ?? {
       x: 0,
       y: 0
@@ -50,8 +50,8 @@ function lt() {
       y: r.y + T
     };
   }), z = d(() => {
-    const t = c();
-    return t?.committed && t?.target ? t.target : b();
+    const e = c();
+    return e?.committed && e?.target ? e.target : b();
   }), M = d(() => c()?.committed ?? !1), p = () => n()?.isValidDrop ?? !1, O = () => !!n()?.dropTarget, I = () => O() && !c();
   return o(U, {
     get children() {
@@ -90,38 +90,39 @@ function lt() {
                 },
                 get children() {
                   return [(() => {
-                    var t = y();
-                    return l(t, o(j, {
+                    var e = y();
+                    return l(e, o(j, {
                       get each() {
                         return E();
                       },
-                      children: (e) => (() => {
+                      children: (t) => (() => {
                         var r = H(), i = r.firstChild, D = i.nextSibling;
                         return l(i, o(W, {
-                          item: e,
+                          item: t,
+                          size: 16,
                           class: "w-4 h-4"
-                        })), l(D, () => e.name), r;
+                        })), l(D, () => t.name), r;
                       })()
-                    }), null), l(t, o(m, {
+                    }), null), l(e, o(m, {
                       get when() {
                         return k() > 0;
                       },
                       get children() {
-                        var e = Y(), r = e.firstChild, i = r.nextSibling;
-                        return i.nextSibling, l(e, k, i), e;
+                        var t = Y(), r = t.firstChild, i = r.nextSibling;
+                        return i.nextSibling, l(t, k, i), t;
                       }
-                    }), null), l(t, o(m, {
+                    }), null), l(e, o(m, {
                       get when() {
                         return I();
                       },
                       get children() {
-                        var e = y();
-                        return l(e, o(m, {
+                        var t = y();
+                        return l(t, o(m, {
                           get when() {
                             return p();
                           },
                           get fallback() {
-                            return [o(tt, {
+                            return [o(ee, {
                               class: "w-3.5 h-3.5"
                             }), J()];
                           },
@@ -130,9 +131,9 @@ function lt() {
                               class: "w-3.5 h-3.5"
                             }), q()];
                           }
-                        })), u(() => $(e, f("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border text-[11px] font-medium", "transition-colors duration-150", p() ? "text-success" : "text-error"))), e;
+                        })), u(() => $(t, f("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border text-[11px] font-medium", "transition-colors duration-150", p() ? "text-success" : "text-error"))), t;
                       }
-                    }), null), u(() => $(t, f(
+                    }), null), u(() => $(e, f(
                       "flex flex-col gap-1 p-2.5 rounded-lg",
                       "bg-card border border-border",
                       "shadow-md",
@@ -145,14 +146,14 @@ function lt() {
                       I() && !p() && "border-error/60",
                       // Committed state
                       s() && M() && "border-success/60"
-                    ))), t;
+                    ))), e;
                   })(), o(m, {
                     get when() {
                       return v() > 1;
                     },
                     get children() {
-                      var t = y();
-                      return l(t, v), u(() => $(t, f(
+                      var e = y();
+                      return l(e, v), u(() => $(e, f(
                         "absolute -top-2 -right-2",
                         "min-w-[20px] h-5 px-1.5 rounded-full",
                         "bg-foreground text-background",
@@ -161,7 +162,7 @@ function lt() {
                         "shadow-sm",
                         // Entrance animation (only when not exiting)
                         !s() && "animate-in zoom-in-50 duration-200"
-                      ))), t;
+                      ))), e;
                     }
                   })];
                 }
@@ -179,12 +180,12 @@ function Z(g) {
     return u(() => A(n, "class", g.class)), n;
   })();
 }
-function tt(g) {
+function ee(g) {
   return (() => {
     var n = L();
     return u(() => A(n, "class", g.class)), n;
   })();
 }
 export {
-  lt as FileBrowserDragPreview
+  le as FileBrowserDragPreview
 };

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

@@ -1,68 +1,68 @@
-import { addEventListener as te, use as Q, insert as y, createComponent as C, effect as N, setStyleProperty as Y, className as q, style as ie, template as S, spread as me, mergeProps as fe, memo as he, delegateEvents as ve } from "solid-js/web";
-import { createSignal as oe, createMemo as W, createEffect as ne, onCleanup as ae, Show as B, For as le, untrack as xe } from "solid-js";
+import { addEventListener as te, use as Q, insert as S, createComponent as b, effect as N, setStyleProperty as Y, className as q, style as ue, template as y, spread as ge, mergeProps as me, memo as fe, delegateEvents as he } from "solid-js/web";
+import { createSignal as ie, createMemo as W, createEffect as ne, onCleanup as oe, Show as B, For as ae, untrack as ve } from "solid-js";
 import { cn as H } from "../../utils/cn.js";
-import { useResizeObserver as Ie } from "../../hooks/useResizeObserver.js";
-import { useVirtualWindow as we } from "../../hooks/useVirtualWindow.js";
-import { useFileBrowser as ce } from "./FileBrowserContext.js";
-import { useFileBrowserDrag as be } from "../../context/FileBrowserDragContext.js";
+import { useResizeObserver as xe } from "../../hooks/useResizeObserver.js";
+import { useVirtualWindow as Ie } from "../../hooks/useVirtualWindow.js";
+import { useFileBrowser as le } from "./FileBrowserContext.js";
+import { useFileBrowserDrag as we } from "../../context/FileBrowserDragContext.js";
 import { FileItemIcon as Ce } from "./FileIcons.js";
-import { FileItemDecorationBadge as De, fileItemDecorationNameClass as ye } from "./FileItemDecorations.js";
+import { FileItemDecorationBadge as be, fileItemDecorationNameClass as De } from "./FileItemDecorations.js";
 import { createLongPressContextMenuHandlers as Se } from "./longPressContextMenu.js";
-import { fileBrowserTouchTargetAttrs as Me } from "./touchInteractionGuard.js";
-import { createItemContextMenuEvent as Te } from "./contextMenuEvent.js";
-import { createFileBrowserMarqueeSelection as Pe, FILE_BROWSER_MARQUEE_OVERLAY_CLASS as _e } from "./useFileBrowserMarqueeSelection.js";
+import { fileBrowserTouchTargetAttrs as ye } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as Me } from "./contextMenuEvent.js";
+import { createFileBrowserMarqueeSelection as Te, FILE_BROWSER_MARQUEE_OVERLAY_CLASS as Pe } from "./useFileBrowserMarqueeSelection.js";
 import { isPrimaryModKeyPressed as re } from "../../utils/keybind.js";
-var Fe = /* @__PURE__ */ S('<mark class="bg-warning/40 text-inherit rounded-sm">'), Ee = /* @__PURE__ */ S('<div class="grid gap-2">'), Le = /* @__PURE__ */ S('<div><div class=p-3><div class="w-full h-0"aria-hidden=true>'), Re = /* @__PURE__ */ S('<span>No files matching "<!>"'), ke = /* @__PURE__ */ S('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), $e = /* @__PURE__ */ S('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Ae = /* @__PURE__ */ S("<span>This folder is empty"), He = /* @__PURE__ */ S("<div>"), qe = /* @__PURE__ */ S('<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">'), Be = /* @__PURE__ */ S("<button type=button><div></div><span></span><div>");
-function Oe(e) {
+var _e = /* @__PURE__ */ y('<mark class="bg-warning/40 text-inherit rounded-sm">'), Fe = /* @__PURE__ */ y('<div class="grid gap-2">'), Ee = /* @__PURE__ */ y('<div><div class=p-3><div class="w-full h-0"aria-hidden=true>'), Le = /* @__PURE__ */ y('<span>No files matching "<!>"'), Re = /* @__PURE__ */ y('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), $e = /* @__PURE__ */ y('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), ke = /* @__PURE__ */ y("<span>This folder is empty"), Ae = /* @__PURE__ */ y("<div>"), He = /* @__PURE__ */ y('<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">'), qe = /* @__PURE__ */ y("<button type=button><div></div><span></span><div>");
+function Be(e) {
   const r = W(() => {
     if (!e.match || e.match.matchedIndices.length === 0)
       return [{
         text: e.name,
         highlight: !1
       }];
-    const d = [], M = new Set(e.match.matchedIndices);
+    const s = [], M = new Set(e.match.matchedIndices);
     let D = "", m = !1;
-    for (let u = 0; u < e.name.length; u++) {
-      const v = M.has(u);
-      u === 0 ? (m = v, D = e.name[u]) : v === m ? D += e.name[u] : (d.push({
+    for (let d = 0; d < e.name.length; d++) {
+      const v = M.has(d);
+      d === 0 ? (m = v, D = e.name[d]) : v === m ? D += e.name[d] : (s.push({
         text: D,
         highlight: m
-      }), D = e.name[u], m = v);
+      }), D = e.name[d], m = v);
     }
-    return D && d.push({
+    return D && s.push({
       text: D,
       highlight: m
-    }), d;
+    }), s;
   });
-  return C(le, {
+  return b(ae, {
     get each() {
       return r();
     },
-    children: (d) => C(B, {
+    children: (s) => b(B, {
       get when() {
-        return d.highlight;
+        return s.highlight;
       },
       get fallback() {
-        return he(() => d.text);
+        return fe(() => s.text);
       },
       get children() {
-        var M = Fe();
-        return y(M, () => d.text), M;
+        var M = _e();
+        return S(M, () => s.text), M;
       }
     })
   });
 }
-function tt(e) {
-  const r = ce(), d = be(), M = () => (e.enableDragDrop ?? !0) && !!d, D = () => e.instanceId ?? "default", m = 112, u = 8, v = 180, T = 2, R = 6, [f, V] = oe(null), U = Ie(f), x = W(() => {
-    const n = U()?.width ?? 0;
+function et(e) {
+  const r = le(), s = we(), M = () => (e.enableDragDrop ?? !0) && !!s, D = () => e.instanceId ?? "default", m = 112, d = 8, v = 180, T = 2, R = 6, [f, V] = ie(null), z = xe(f), x = W(() => {
+    const n = z()?.width ?? 0;
     if (n <= 0) return T;
-    const l = Math.floor((n + u) / (v + u));
+    const l = Math.floor((n + d) / (v + d));
     return Math.max(T, Math.min(R, l));
-  }), E = () => m + u, c = we({
+  }), E = () => m + d, c = Ie({
     count: () => Math.ceil(r.currentFiles().length / Math.max(1, x())),
     itemSize: E,
     overscan: 2
-  }), z = () => c.range().start * x(), k = () => Math.min(r.currentFiles().length, c.range().end * x()), $ = W(() => r.currentFiles().slice(z(), k())), P = /* @__PURE__ */ new Map(), O = (n, l) => {
+  }), j = () => c.range().start * x(), $ = () => Math.min(r.currentFiles().length, c.range().end * x()), k = W(() => r.currentFiles().slice(j(), $())), P = /* @__PURE__ */ new Map(), O = (n, l) => {
     if (l) {
       P.set(n, l);
       return;
@@ -80,22 +80,22 @@ function tt(e) {
     const l = E(), o = Math.floor(g.scrollTop / Math.max(1, l)) * Math.max(1, L), i = Math.floor(o / Math.max(1, n));
     g.scrollTop = i * l, c.onScroll(), L = n;
   });
-  const X = (n) => {
+  const p = (n) => {
     if (!g) return;
-    const b = Math.floor(n / Math.max(1, x())) * E(), o = b + E(), i = g.scrollTop, w = i + g.clientHeight;
-    if (b < i) {
-      g.scrollTop = b, c.onScroll();
+    const C = Math.floor(n / Math.max(1, x())) * E(), o = C + E(), i = g.scrollTop, w = i + g.clientHeight;
+    if (C < i) {
+      g.scrollTop = C, c.onScroll();
       return;
     }
     o > w && (g.scrollTop = Math.max(0, o - g.clientHeight), c.onScroll());
   };
   ne(() => {
     const n = r.revealRequest(), l = r.currentFiles();
-    if (x(), $(), !n) return;
-    const b = l.findIndex((w) => w.id === n.targetId);
-    if (b < 0) return;
+    if (x(), k(), !n) return;
+    const C = l.findIndex((w) => w.id === n.targetId);
+    if (C < 0) return;
     if (!P.get(n.targetId)) {
-      X(b);
+      p(C);
       return;
     }
     typeof cancelAnimationFrame == "function" && I && (cancelAnimationFrame(I), I = 0);
@@ -112,10 +112,10 @@ function tt(e) {
       return;
     }
     queueMicrotask(i);
-  }), ae(() => {
+  }), oe(() => {
     typeof cancelAnimationFrame == "function" && I && cancelAnimationFrame(I);
   });
-  const A = Pe({
+  const A = Te({
     getContainer: () => g,
     getOverlayHost: () => g,
     getVisibleItemIdsInOrder: () => r.currentFiles().map((n) => n.id),
@@ -125,29 +125,29 @@ function tt(e) {
     clearSelection: r.clearSelection
   });
   return (() => {
-    var n = Le(), l = n.firstChild, b = l.firstChild;
+    var n = Ee(), l = n.firstChild, C = l.firstChild;
     return te(n, "pointerdown", A.onPointerDown, !0), te(n, "scroll", c.onScroll), Q((o) => {
       g = o, c.scrollRef(o), r.setScrollContainer(o);
-    }, n), Q((o) => V(o), b), y(l, C(B, {
+    }, n), Q((o) => V(o), C), S(l, b(B, {
       get when() {
         return r.currentFiles().length > 0;
       },
       get fallback() {
         return (() => {
           var o = $e();
-          return y(o, C(B, {
+          return S(o, b(B, {
             get when() {
               return r.filterQueryApplied().trim();
             },
             get fallback() {
-              return Ae();
+              return ke();
             },
             get children() {
               return [(() => {
-                var i = Re(), w = i.firstChild, _ = w.nextSibling;
-                return _.nextSibling, y(i, () => r.filterQueryApplied(), _), i;
+                var i = Le(), w = i.firstChild, _ = w.nextSibling;
+                return _.nextSibling, S(i, () => r.filterQueryApplied(), _), i;
               })(), (() => {
-                var i = ke();
+                var i = Re();
                 return i.$$click = () => r.setFilterQuery(""), i;
               })()];
             }
@@ -155,12 +155,12 @@ function tt(e) {
         })();
       },
       get children() {
-        var o = Ee();
-        return y(o, C(le, {
+        var o = Fe();
+        return S(o, b(ae, {
           get each() {
-            return $();
+            return k();
           },
-          children: (i) => C(Xe, {
+          children: (i) => b(Oe, {
             item: i,
             get instanceId() {
               return D();
@@ -168,38 +168,38 @@ function tt(e) {
             get enableDragDrop() {
               return M();
             },
-            dragContext: d,
+            dragContext: s,
             registerTile: O
           })
         })), N((i) => {
-          var w = `repeat(${x()}, minmax(0, 1fr))`, _ = `${c.paddingTop()}px`, G = `${c.paddingBottom()}px`;
-          return w !== i.e && Y(o, "grid-template-columns", i.e = w), _ !== i.t && Y(o, "padding-top", i.t = _), G !== i.a && Y(o, "padding-bottom", i.a = G), i;
+          var w = `repeat(${x()}, minmax(0, 1fr))`, _ = `${c.paddingTop()}px`, X = `${c.paddingBottom()}px`;
+          return w !== i.e && Y(o, "grid-template-columns", i.e = w), _ !== i.t && Y(o, "padding-top", i.t = _), X !== i.a && Y(o, "padding-bottom", i.a = X), i;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         }), o;
       }
-    }), null), y(l, C(B, {
+    }), null), S(l, b(B, {
       get when() {
         return A.overlayStyle();
       },
       children: (o) => (() => {
-        var i = He();
-        return q(i, _e), N((w) => ie(i, o(), w)), i;
+        var i = Ae();
+        return q(i, Pe), N((w) => ue(i, o(), w)), i;
       })()
     }), null), N(() => q(n, H("relative h-full min-h-0 overflow-auto", e.class))), n;
   })();
 }
-function Xe(e) {
-  const r = ce(), d = () => r.isSelected(e.item.id), M = () => r.getFilterMatchForId(e.item.id), D = xe(() => e.item), m = Se(r, D, {
+function Oe(e) {
+  const r = le(), s = () => r.isSelected(e.item.id), M = () => r.getFilterMatchForId(e.item.id), D = ve(() => e.item), m = Se(r, D, {
     source: "grid"
   });
-  let u, v = null, T = 0, R = 0, f = !1;
-  const V = 5, U = 500;
+  let d, v = null, T = 0, R = 0, f = !1;
+  const V = 5, z = 500;
   let x = null;
-  const [E, j] = oe(!1), c = () => u === "touch" || u === "pen", z = () => e.item.type === "folder", k = () => z() && e.enableDragDrop && e.dragContext, $ = () => {
-    if (!k() || !e.dragContext) return !1;
+  const [E, U] = ie(!1), c = () => d === "touch" || d === "pen", j = () => e.item.type === "folder", $ = () => j() && e.enableDragDrop && e.dragContext, k = () => {
+    if (!$() || !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;
   }, P = () => {
@@ -215,14 +215,14 @@ function Xe(e) {
   }, I = (t) => {
     O(), g(), f && e.dragContext && e.dragContext.endDrag(t), v = null, f = !1;
   };
-  ae(() => {
+  oe(() => {
     e.registerTile(e.item.id, null), I(!1);
   });
-  const X = (t, a) => {
+  const p = (t, a) => {
     if (!e.enableDragDrop || !e.dragContext || f) return;
-    f = !0, d() || r.selectItem(e.item.id, !1);
-    const h = r.getSelectedItemsList(), s = (h.length > 0 && d() ? h : [e.item]).map((p) => ({
-      item: p,
+    f = !0, s() || r.selectItem(e.item.id, !1);
+    const h = r.getSelectedItemsList(), u = (h.length > 0 && s() ? h : [e.item]).map((G) => ({
+      item: G,
       sourceInstanceId: e.instanceId,
       sourcePath: r.currentPath()
     }));
@@ -231,7 +231,7 @@ function Xe(e) {
         navigator.vibrate(50);
       } catch {
       }
-    e.dragContext.startDrag(s, t, a);
+    e.dragContext.startDrag(u, t, a);
   }, A = (t) => {
     if (v !== t.pointerId) return;
     const a = t.clientX - T, h = t.clientY - R, F = Math.sqrt(a * a + h * h);
@@ -239,31 +239,31 @@ function Xe(e) {
       I(!1);
       return;
     }
-    !c() && !f && F > V && X(t.clientX, t.clientY), f && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
+    !c() && !f && F > V && p(t.clientX, t.clientY), f && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
   }, n = (t) => {
     v === t.pointerId && (m.onPointerUp(), I(!0));
   }, l = (t) => {
     v === t.pointerId && (m.onPointerCancel(), I(!1));
-  }, b = (t) => {
-    u = t.pointerType, m.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (v = t.pointerId, T = t.clientX, R = t.clientY, f = !1, L(), c() && (O(), x = setTimeout(() => {
-      v !== null && !f && X(T, R);
-    }, U))));
+  }, C = (t) => {
+    d = t.pointerType, m.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (v = t.pointerId, T = t.clientX, R = t.clientY, f = !1, L(), c() && (O(), x = setTimeout(() => {
+      v !== null && !f && p(T, R);
+    }, z))));
   }, o = (t) => {
-    u = t.pointerType, m.onPointerMove(t);
+    d = t.pointerType, m.onPointerMove(t);
   }, i = (t) => {
-    if (!k() || !e.dragContext) return;
+    if (!$() || !e.dragContext) return;
     const a = e.dragContext.dragState();
     if (!a.isDragging) return;
-    j(!0);
-    const h = e.dragContext.canDropOn(a.draggedItems, e.item.path, e.item, e.instanceId), s = t.currentTarget?.getBoundingClientRect() ?? null;
+    U(!0);
+    const h = e.dragContext.canDropOn(a.draggedItems, e.item.path, e.item, e.instanceId), u = t.currentTarget?.getBoundingClientRect() ?? null;
     e.dragContext.setDropTarget({
       instanceId: e.instanceId,
       targetPath: e.item.path,
       targetItem: e.item
-    }, h, s);
+    }, h, u);
   }, w = (t) => {
     if (!e.dragContext) return;
-    j(!1);
+    U(!1);
     const a = e.dragContext.dragState();
     a.isDragging && a.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
   }, _ = (t) => {
@@ -282,39 +282,39 @@ function Xe(e) {
       }
       r.selectItem(e.item.id, re(t));
     }
-  }, G = () => {
+  }, X = () => {
     c() || r.openItem(e.item);
-  }, se = (t) => {
+  }, ce = (t) => {
     if (t.preventDefault(), t.stopPropagation(), c()) return;
     r.ensureContextMenuSelection(e.item.id);
     const a = r.getSelectedItemsList(), h = a.length > 0 ? a : [e.item];
-    r.showContextMenu(Te({
+    r.showContextMenu(Me({
       x: t.clientX,
       y: t.clientY,
       triggerItem: e.item,
       items: h,
       source: "grid"
     }));
-  }, de = () => e.dragContext?.dragState(), ue = () => de()?.isDragging ?? !1, K = () => E() && ue() && k();
+  }, se = () => e.dragContext?.dragState(), de = () => se()?.isDragging ?? !1, K = () => E() && de() && $();
   return (() => {
-    var t = Be(), a = t.firstChild, h = a.nextSibling, F = h.nextSibling;
-    return Q((s) => {
-      e.registerTile(e.item.id, s);
-    }, t), me(t, fe({
+    var t = qe(), a = t.firstChild, h = a.nextSibling, F = h.nextSibling;
+    return Q((u) => {
+      e.registerTile(e.item.id, u);
+    }, t), ge(t, me({
       get "data-file-browser-item-id"() {
         return e.item.id;
       },
       get "data-file-browser-item-path"() {
         return e.item.path;
       }
-    }, Me, {
+    }, ye, {
       get title() {
         return e.item.name;
       },
       onClick: _,
-      onDblClick: G,
-      onContextMenu: se,
-      onPointerDown: b,
+      onDblClick: X,
+      onContextMenu: ce,
+      onPointerDown: C,
       onPointerMove: o,
       onPointerEnter: i,
       onPointerLeave: w,
@@ -325,53 +325,51 @@ function Xe(e) {
           "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]",
-          d() && "bg-accent ring-2 ring-primary/50",
+          s() && "bg-accent ring-2 ring-primary/50",
           // Drag state styling - being dragged items become translucent and shrink
           P() && "opacity-40 scale-90",
           // Drop target styling - enhanced visual feedback for folders
-          K() && $() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
-          K() && !$() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
+          K() && k() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
+          K() && !k() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
         );
       }
-    }), !1, !0), y(t, C(B, {
+    }), !1, !0), S(t, b(B, {
       get when() {
-        return d();
+        return s();
       },
       get children() {
-        return qe();
+        return He();
       }
-    }), a), y(a, C(Ce, {
+    }), a), S(a, b(Ce, {
       get item() {
         return e.item;
       },
-      class: "w-8 h-8"
-    }), null), y(a, C(De, {
+      size: 40,
+      class: "w-10 h-10"
+    }), null), S(a, b(be, {
       get item() {
         return e.item;
       },
       size: "md"
-    }), null), y(h, C(Oe, {
+    }), null), S(h, b(Be, {
       get name() {
         return e.item.name;
       },
       get match() {
         return M();
       }
-    })), N((s) => {
-      var p = H("w-12 h-12 flex items-center justify-center rounded-lg", "relative", e.item.type !== "folder" && "bg-muted/50"), ge = e.item.type === "folder" ? {
-        "background-color": "color-mix(in srgb, var(--floe-file-icon-warning, var(--warning)) 10%, transparent)"
-      } : void 0, J = H("block w-full min-w-0 truncate px-1 text-xs text-center", "transition-colors duration-150", ye(e.item), d() && "font-medium"), Z = H("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), ee = 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 p !== s.e && q(a, s.e = p), s.t = ie(a, ge, s.t), J !== s.a && q(h, s.a = J), Z !== s.o && q(F, s.o = Z), ee !== s.i && Y(F, "background", s.i = ee), s;
+    })), N((u) => {
+      var G = H("w-12 h-12 flex items-center justify-center rounded-lg", "relative"), J = H("block w-full min-w-0 truncate px-1 text-xs text-center", "transition-colors duration-150", De(e.item), s() && "font-medium"), Z = H("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), ee = 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 G !== u.e && q(a, u.e = G), J !== u.t && q(h, u.t = J), Z !== u.a && q(F, u.a = Z), ee !== u.o && Y(F, "background", u.o = ee), u;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0,
-      i: void 0
+      o: void 0
     }), t;
   })();
 }
-ve(["pointerdown", "click"]);
+he(["pointerdown", "click"]);
 export {
-  tt as FileGridView
+  et as FileGridView
 };