@floegence/floe-webapp-core 0.2.3 → 0.3.1

package/dist/index43.js

@@ -1,14 +1,14 @@
-import { delegateEvents as D, createComponent as u, Portal as E, template as l, insert as w, Dynamic as L, effect as c, className as $, setStyleProperty as _, setAttribute as p, use as j } from "solid-js/web";
-import { createEffect as P, onCleanup as F, Show as g, For as H } from "solid-js";
-import { cn as I } from "./index67.js";
+import { delegateEvents as D, createComponent as u, Portal as E, template as l, insert as w, Dynamic as L, effect as c, className as $, setStyleProperty as I, setAttribute as p, use as j } from "solid-js/web";
+import { createEffect as H, onCleanup as P, Show as g, For as F } from "solid-js";
+import { cn as _ } from "./index67.js";
 import { deferAfterPaint as R } from "./index68.js";
-import { useFileBrowser as V } from "./index39.js";
-var S = /* @__PURE__ */ l('<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">'), T = /* @__PURE__ */ l('<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">'), Z = /* @__PURE__ */ l('<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">'), z = /* @__PURE__ */ l('<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">'), W = /* @__PURE__ */ l('<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">'), K = /* @__PURE__ */ l('<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">'), N = /* @__PURE__ */ l("<div role=menu aria-orientation=vertical>"), O = /* @__PURE__ */ l('<span class="text-[10px] text-muted-foreground opacity-60">'), q = /* @__PURE__ */ l('<button type=button role=menuitem><span class="flex-1 text-left">'), G = /* @__PURE__ */ l('<div class="my-1 h-px bg-border">');
+import { useFileBrowser as T } from "./index39.js";
+var V = /* @__PURE__ */ l('<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">'), S = /* @__PURE__ */ l('<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">'), Z = /* @__PURE__ */ l('<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">'), z = /* @__PURE__ */ l('<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">'), W = /* @__PURE__ */ l('<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">'), K = /* @__PURE__ */ l('<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">'), N = /* @__PURE__ */ l("<div role=menu aria-orientation=vertical>"), O = /* @__PURE__ */ l('<span class="text-[10px] text-muted-foreground opacity-60">'), q = /* @__PURE__ */ l('<button type=button role=menuitem><span class="flex-1 text-left">'), G = /* @__PURE__ */ l('<div class="my-1 h-px bg-border">');
 const J = (r) => (() => {
-  var o = S();
+  var o = V();
   return c(() => p(o, "class", r.class)), o;
 })(), Q = (r) => (() => {
-  var o = T();
+  var o = S();
   return c(() => p(o, "class", r.class)), o;
 })(), U = (r) => (() => {
   var o = Z();
@@ -24,7 +24,7 @@ const J = (r) => (() => {
   return c(() => p(o, "class", r.class)), o;
 })();
 function se(r) {
-  const o = V();
+  const o = T();
   let h;
   const b = [{
     id: "duplicate",
@@ -62,22 +62,30 @@ function se(r) {
     icon: Y,
     shortcut: "Del"
   }], A = () => {
-    var i, d;
+    var t;
     if (r.overrideItems)
       return r.overrideItems;
+    const a = () => {
+      var s;
+      const e = r.hideItems;
+      if (!e) return [];
+      if (typeof e == "function") {
+        const i = ((s = o.contextMenu()) == null ? void 0 : s.items) ?? [];
+        return e(i);
+      }
+      return e;
+    };
     let n = b;
-    return (i = r.hideItems) != null && i.length && (n = n.filter((t) => {
-      var e;
-      return !((e = r.hideItems) != null && e.includes(t.type));
-    })), (d = r.customItems) != null && d.length && (n = [...n, ...r.customItems]), n;
-  }, B = (n, i) => {
+    const d = a();
+    return d.length > 0 && (n = n.filter((e) => !d.includes(e.type))), (t = r.customItems) != null && t.length && (n = [...n, ...r.customItems]), n;
+  }, B = (a, n) => {
     o.hideContextMenu();
-    const d = n.type, t = [...i], e = r.callbacks, a = n.onAction;
+    const d = a.type, t = [...n], e = r.callbacks, s = a.onAction;
     R(() => {
-      var s, v, m, k, M, C;
+      var i, v, m, k, M, C;
       switch (d) {
         case "duplicate":
-          (s = e == null ? void 0 : e.onDuplicate) == null || s.call(e, t);
+          (i = e == null ? void 0 : e.onDuplicate) == null || i.call(e, t);
           break;
         case "ask-agent":
           (v = e == null ? void 0 : e.onAskAgent) == null || v.call(e, t);
@@ -95,67 +103,67 @@ function se(r) {
           t.length === 1 && ((C = e == null ? void 0 : e.onRename) == null || C.call(e, t[0]));
           break;
         case "custom":
-          a == null || a(t);
+          s == null || s(t);
           break;
       }
     });
-  }, f = (n) => {
-    h && !h.contains(n.target) && o.hideContextMenu();
-  }, x = (n) => {
-    n.key === "Escape" && o.hideContextMenu();
+  }, f = (a) => {
+    h && !h.contains(a.target) && o.hideContextMenu();
+  }, x = (a) => {
+    a.key === "Escape" && o.hideContextMenu();
   };
-  P(() => {
-    o.contextMenu() && (document.addEventListener("click", f), document.addEventListener("keydown", x), F(() => {
+  H(() => {
+    o.contextMenu() && (document.addEventListener("click", f), document.addEventListener("keydown", x), P(() => {
       document.removeEventListener("click", f), document.removeEventListener("keydown", x);
     }));
   });
   const y = () => {
-    const n = o.contextMenu();
-    if (!n || !h) return {
+    const a = o.contextMenu();
+    if (!a || !h) return {
       x: 0,
       y: 0
     };
-    const i = h.getBoundingClientRect(), d = window.innerWidth, t = window.innerHeight;
-    let e = n.x, a = n.y;
-    return e + i.width > d && (e = d - i.width - 8), a + i.height > t && (a = t - i.height - 8), {
+    const n = h.getBoundingClientRect(), d = window.innerWidth, t = window.innerHeight;
+    let e = a.x, s = a.y;
+    return e + n.width > d && (e = d - n.width - 8), s + n.height > t && (s = t - n.height - 8), {
       x: Math.max(8, e),
-      y: Math.max(8, a)
+      y: Math.max(8, s)
     };
   };
   return u(g, {
     get when() {
       return o.contextMenu();
     },
-    children: (n) => u(E, {
+    children: (a) => u(E, {
       get children() {
-        var i = N(), d = h;
-        return typeof d == "function" ? j(d, i) : h = i, w(i, u(H, {
+        var n = N(), d = h;
+        return typeof d == "function" ? j(d, n) : h = n, w(n, u(F, {
           get each() {
             return A();
           },
           children: (t) => [(() => {
-            var e = q(), a = e.firstChild;
-            return e.$$click = () => B(t, n().items), w(e, u(g, {
+            var e = q(), s = e.firstChild;
+            return e.$$click = () => B(t, a().items), w(e, u(g, {
               get when() {
                 return t.icon;
               },
-              children: (s) => u(L, {
+              children: (i) => u(L, {
                 get component() {
-                  return s();
+                  return i();
                 },
                 class: "w-3.5 h-3.5 opacity-60"
               })
-            }), a), w(a, () => t.label), w(e, u(g, {
+            }), s), w(s, () => t.label), w(e, u(g, {
               get when() {
                 return t.shortcut;
               },
               get children() {
-                var s = O();
-                return w(s, () => t.shortcut), s;
+                var i = O();
+                return w(i, () => t.shortcut), i;
               }
-            }), null), c((s) => {
-              var v = t.disabled || t.type === "rename" && n().items.length > 1, m = I("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", t.type === "delete" && "text-error hover:bg-error/10 hover:text-error");
-              return v !== s.e && (e.disabled = s.e = v), m !== s.t && $(e, s.t = m), s;
+            }), null), c((i) => {
+              var v = t.disabled || t.type === "rename" && a().items.length > 1, m = _("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", t.type === "delete" && "text-error hover:bg-error/10 hover:text-error");
+              return v !== i.e && (e.disabled = i.e = v), m !== i.t && $(e, i.t = m), i;
             }, {
               e: void 0,
               t: void 0
@@ -169,13 +177,13 @@ function se(r) {
             }
           })]
         })), c((t) => {
-          var e = I("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"), a = `${y().x}px`, s = `${y().y}px`;
-          return e !== t.e && $(i, t.e = e), a !== t.t && _(i, "left", t.t = a), s !== t.a && _(i, "top", t.a = s), t;
+          var e = _("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"), s = `${y().x}px`, i = `${y().y}px`;
+          return e !== t.e && $(n, t.e = e), s !== t.t && I(n, "left", t.t = s), i !== t.a && I(n, "top", t.a = i), t;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), i;
+        }), n;
       }
     })
   });

package/dist/index44.js

@@ -1,69 +1,154 @@
-import { delegateEvents as g, template as l, insert as m, createComponent as s, effect as f, className as d } from "solid-js/web";
-import { createMemo as p, For as v, Show as x } from "solid-js";
-import { cn as h } from "./index67.js";
-import { useFileBrowser as b } from "./index39.js";
-import { ChevronRight as k } from "./index32.js";
-var C = /* @__PURE__ */ l("<nav aria-label=Breadcrumb>"), w = /* @__PURE__ */ l('<button type=button><span class="truncate max-w-[120px] block">');
-function y(o) {
-  const e = b(), i = p(() => {
-    const t = e.currentPath();
-    if (t === "/" || t === "")
+import { delegateEvents as H, template as v, insert as E, createComponent as a, memo as P, effect as b, className as x, use as y } from "solid-js/web";
+import { createSignal as B, onMount as L, createMemo as k, For as O, Show as M, onCleanup as F } from "solid-js";
+import { cn as W } from "./index67.js";
+import { useFileBrowser as G } from "./index39.js";
+import { ChevronRight as T } from "./index32.js";
+import { Dropdown as z } from "./index24.js";
+var X = /* @__PURE__ */ v("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ v('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ v('<button type=button><span class="truncate max-w-[120px] block">');
+const g = 16, J = 28, R = 12, K = 7, Q = 120, U = 100;
+function V(n) {
+  const r = n.length * K;
+  return Math.min(r + R, Q + R);
+}
+function ce(n) {
+  const r = G();
+  let s;
+  const [t, c] = B(0);
+  L(() => {
+    if (!s) return;
+    const e = () => {
+      s && c(s.offsetWidth);
+    };
+    e();
+    const o = new ResizeObserver(e);
+    o.observe(s), F(() => o.disconnect());
+  });
+  const d = k(() => {
+    const e = r.currentPath();
+    if (e === "/" || e === "")
       return [{
         name: "Root",
         path: "/"
       }];
-    const n = t.split("/").filter(Boolean), a = [{
+    const o = e.split("/").filter(Boolean), i = [{
       name: "Root",
       path: "/"
     }];
-    let u = "";
-    for (const c of n)
-      u += "/" + c, a.push({
-        name: c,
-        path: u
+    let l = "";
+    for (const f of o)
+      l += "/" + f, i.push({
+        name: f,
+        path: l
       });
-    return a;
-  }), r = (t) => {
-    e.setCurrentPath(t.path);
+    return i;
+  }), m = k(() => {
+    const e = d(), o = t();
+    if (o < U || e.length <= 2)
+      return {
+        collapsed: [],
+        visible: e,
+        shouldCollapse: !1
+      };
+    const i = e.map((u) => V(u.name)), l = i[0], f = i[e.length - 1], D = g, $ = e.length > 1 ? g : 0, S = l + f + D + $;
+    if (S > o && e.length > 2)
+      return {
+        collapsed: e.slice(1, -1),
+        visible: [e[0], e[e.length - 1]],
+        shouldCollapse: !0
+      };
+    const h = e.slice(1, -1), p = [];
+    let _ = o - S;
+    const N = h.length > 0 ? J + g : 0;
+    for (let u = h.length - 1; u >= 0; u--) {
+      const I = i[u + 1] + g, A = u > 0 ? N : 0;
+      if (_ - A >= I)
+        p.unshift(h[u]), _ -= I;
+      else
+        break;
+    }
+    const w = h.slice(0, h.length - p.length);
+    return {
+      collapsed: w,
+      visible: [e[0], ...p, e[e.length - 1]],
+      shouldCollapse: w.length > 0
+    };
+  }), C = (e) => {
+    r.setCurrentPath(e.path);
   };
   return (() => {
-    var t = C();
-    return m(t, s(v, {
+    var e = X(), o = s;
+    return typeof o == "function" ? y(o, e) : s = e, E(e, a(O, {
       get each() {
-        return i();
+        return m().visible;
       },
-      children: (n, a) => [s(x, {
+      children: (i, l) => [a(M, {
         get when() {
-          return a() > 0;
+          return l() > 0;
         },
         get children() {
-          return s(k, {
+          return a(T, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
-      }), s(B, {
-        segment: n,
+      }), a(M, {
+        get when() {
+          return P(() => !!m().shouldCollapse)() && l() === 1;
+        },
+        get children() {
+          return [a(Y, {
+            get segments() {
+              return m().collapsed;
+            },
+            onSelect: C
+          }), a(T, {
+            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
+          })];
+        }
+      }), a(Z, {
+        segment: i,
         get isLast() {
-          return a() === i().length - 1;
+          return l() === m().visible.length - 1;
         },
-        onClick: () => r(n)
+        onClick: () => C(i)
       })]
-    })), f(() => d(t, h("flex items-center gap-1 min-w-0", o.class))), t;
+    })), b(() => x(e, W("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
   })();
 }
-function B(o) {
+function Y(n) {
+  const r = () => n.segments.map((t) => ({
+    id: t.path,
+    label: t.name
+  }));
+  return a(z, {
+    get trigger() {
+      return (() => {
+        var t = j();
+        return b(() => x(t, W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
+      })();
+    },
+    get items() {
+      return r();
+    },
+    onSelect: (t) => {
+      const c = n.segments.find((d) => d.path === t);
+      c && n.onSelect(c);
+    },
+    align: "start"
+  });
+}
+function Z(n) {
   return (() => {
-    var e = w(), i = e.firstChild;
-    return e.$$click = () => o.onClick(), m(i, () => o.segment.name), f((r) => {
-      var t = o.isLast, n = h("text-xs px-1.5 py-0.5 rounded cursor-pointer", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", o.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
-      return t !== r.e && (e.disabled = r.e = t), n !== r.t && d(e, r.t = n), r;
+    var r = q(), s = r.firstChild;
+    return r.$$click = () => n.onClick(), E(s, () => n.segment.name), b((t) => {
+      var c = n.isLast, d = W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+      return c !== t.e && (r.disabled = t.e = c), d !== t.t && x(r, t.t = d), t;
     }, {
       e: void 0,
       t: void 0
-    }), e;
+    }), r;
   })();
 }
-g(["click"]);
+H(["click"]);
 export {
-  y as Breadcrumb
+  ce as Breadcrumb
 };

package/dist/index45.js

@@ -1,66 +1,117 @@
-import { delegateEvents as k, template as u, addEventListener as y, insert as s, createComponent as a, effect as v, className as b, setAttribute as c } from "solid-js/web";
-import { cn as g } from "./index67.js";
-import { useFileBrowser as M } from "./index39.js";
-import { Breadcrumb as C } from "./index44.js";
-import { Grid as $ } from "./index32.js";
-var B = /* @__PURE__ */ u('<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=8 y1=6 x2=21 y2=6></line><line x1=8 y1=12 x2=21 y2=12></line><line x1=8 y1=18 x2=21 y2=18></line><line x1=3 y1=6 x2=3.01 y2=6></line><line x1=3 y1=12 x2=3.01 y2=12></line><line x1=3 y1=18 x2=3.01 y2=18>'), _ = /* @__PURE__ */ u('<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="M12 10v6"></path><path d="m9 13 3-3 3 3">'), j = /* @__PURE__ */ u('<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=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), S = /* @__PURE__ */ u('<div><button type=button aria-label="Toggle sidebar"></button><button type=button aria-label="Navigate to parent folder"></button><div class="flex-1 min-w-0 overflow-hidden"></div><div class="flex items-center gap-0.5 p-0.5 bg-muted/50 rounded-md">'), V = /* @__PURE__ */ u("<button type=button>");
-const A = (r) => (() => {
-  var e = B();
-  return v(() => c(e, "class", r.class)), e;
-})(), F = (r) => (() => {
-  var e = _();
-  return v(() => c(e, "class", r.class)), e;
-})(), I = (r) => (() => {
-  var e = j();
-  return v(() => c(e, "class", r.class)), e;
+import { delegateEvents as S, template as u, addEventListener as M, insert as o, createComponent as l, use as Q, effect as s, className as d, setAttribute as g } from "solid-js/web";
+import { onMount as T, Show as A } from "solid-js";
+import { cn as v } from "./index67.js";
+import { useFileBrowser as E } from "./index39.js";
+import { Breadcrumb as L } from "./index44.js";
+import { Grid as V } from "./index32.js";
+var N = /* @__PURE__ */ u('<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=8 y1=6 x2=21 y2=6></line><line x1=8 y1=12 x2=21 y2=12></line><line x1=8 y1=18 x2=21 y2=18></line><line x1=3 y1=6 x2=3.01 y2=6></line><line x1=3 y1=12 x2=3.01 y2=12></line><line x1=3 y1=18 x2=3.01 y2=18>'), U = /* @__PURE__ */ u('<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="M12 10v6"></path><path d="m9 13 3-3 3 3">'), G = /* @__PURE__ */ u('<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=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), D = /* @__PURE__ */ u('<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><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3">'), H = /* @__PURE__ */ u('<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="M18 6 6 18"></path><path d="m6 6 12 12">'), K = /* @__PURE__ */ u('<button type=button aria-label="Clear filter">'), P = /* @__PURE__ */ u('<div class="flex items-center flex-1 gap-1 px-2 py-1 bg-muted/50 rounded-md border border-border/50 focus-within:border-ring focus-within:ring-1 focus-within:ring-ring"><input type=text placeholder=Filter... aria-label="Filter files by name">'), R = /* @__PURE__ */ u('<div><button type=button aria-label="Toggle sidebar"></button><button type=button aria-label="Navigate to parent folder"></button><div></div><div></div><div class="flex items-center gap-0.5 p-0.5 bg-muted/50 rounded-md">'), X = /* @__PURE__ */ u('<button type=button aria-label="Filter files">'), Z = /* @__PURE__ */ u("<button type=button>");
+const q = (r) => (() => {
+  var e = N();
+  return s(() => g(e, "class", r.class)), e;
+})(), z = (r) => (() => {
+  var e = U();
+  return s(() => g(e, "class", r.class)), e;
+})(), J = (r) => (() => {
+  var e = G();
+  return s(() => g(e, "class", r.class)), e;
+})(), j = (r) => (() => {
+  var e = D();
+  return s(() => g(e, "class", r.class)), e;
+})(), O = (r) => (() => {
+  var e = H();
+  return s(() => g(e, "class", r.class)), e;
 })();
-function T(r) {
-  const e = M(), n = () => {
-    const t = e.currentPath();
-    return t !== "/" && t !== "";
+function ie(r) {
+  const e = E();
+  let n;
+  const c = () => {
+    const f = e.currentPath();
+    return f !== "/" && f !== "";
+  }, m = () => {
+    e.isFilterActive() ? (e.setFilterQuery(""), e.setFilterActive(!1)) : (e.setFilterActive(!0), setTimeout(() => n == null ? void 0 : n.focus(), 50));
+  }, w = () => {
+    e.setFilterQuery(""), n == null || n.focus();
+  }, h = (f) => {
+    f.key === "Escape" && (e.setFilterQuery(""), e.setFilterActive(!1));
+  }, I = () => {
+    e.filterQuery().trim() || e.setFilterActive(!1);
   };
-  return (() => {
-    var t = S(), l = t.firstChild, i = l.nextSibling, d = i.nextSibling, m = d.nextSibling;
-    return y(l, "click", e.toggleSidebar, !0), s(l, a(I, {
+  return T(() => {
+    r.filterInputRef && n && r.filterInputRef(n);
+  }), (() => {
+    var f = R(), x = f.firstChild, b = x.nextSibling, p = b.nextSibling, y = p.nextSibling, k = y.nextSibling;
+    return M(x, "click", e.toggleSidebar, !0), o(x, l(J, {
       class: "w-4 h-4"
-    })), y(i, "click", e.navigateUp, !0), s(i, a(F, {
+    })), M(b, "click", e.navigateUp, !0), o(b, l(z, {
       class: "w-4 h-4"
-    })), s(d, a(C, {})), s(m, a(p, {
+    })), o(p, l(L, {})), o(y, l(A, {
+      get when() {
+        return e.isFilterActive();
+      },
+      get fallback() {
+        return (() => {
+          var t = X();
+          return t.$$click = m, o(t, l(j, {
+            class: "w-4 h-4"
+          })), s(() => d(t, v("flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
+        })();
+      },
+      get children() {
+        var t = P(), a = t.firstChild;
+        return o(t, l(j, {
+          class: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0"
+        }), a), a.addEventListener("blur", I), a.$$keydown = h, a.$$input = (i) => e.setFilterQuery(i.currentTarget.value), Q((i) => {
+          n = i, r.filterInputRef && r.filterInputRef(i);
+        }, a), o(t, l(A, {
+          get when() {
+            return e.filterQuery();
+          },
+          get children() {
+            var i = K();
+            return i.$$click = w, o(i, l(O, {
+              class: "w-3 h-3"
+            })), s(() => d(i, v("flex items-center justify-center w-4 h-4 rounded-sm cursor-pointer", "text-muted-foreground hover:text-foreground", "transition-colors duration-100"))), i;
+          }
+        }), null), s(() => d(a, v("flex-1 min-w-0 bg-transparent text-xs", "outline-none border-0 ring-0 shadow-none appearance-none", "focus:outline-none focus:border-0 focus:ring-0", "placeholder:text-muted-foreground/60"))), s(() => a.value = e.filterQuery()), t;
+      }
+    })), o(k, l(B, {
       mode: "list",
       get currentMode() {
         return e.viewMode();
       },
       onClick: () => e.setViewMode("list"),
-      icon: A,
+      icon: q,
       label: "List view"
-    }), null), s(m, a(p, {
+    }), null), o(k, l(B, {
       mode: "grid",
       get currentMode() {
         return e.viewMode();
       },
       onClick: () => e.setViewMode("grid"),
-      icon: $,
+      icon: V,
       label: "Grid view"
-    }), null), v((o) => {
-      var w = g("flex items-center gap-2 px-2 py-1.5 border-b border-border", "bg-background/50 backdrop-blur-sm", r.class), x = g("md:hidden flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", !e.sidebarCollapsed() && "bg-muted/50"), f = !n(), h = g("flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent");
-      return w !== o.e && b(t, o.e = w), x !== o.t && b(l, o.t = x), f !== o.a && (i.disabled = o.a = f), h !== o.o && b(i, o.o = h), o;
+    }), null), s((t) => {
+      var a = v("flex items-center gap-2 px-2 py-1.5 border-b border-border", "bg-background/50 backdrop-blur-sm", r.class), i = v("md:hidden flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", !e.sidebarCollapsed() && "bg-muted/50"), $ = !c(), F = v("flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent"), _ = v("flex-1 min-w-0 overflow-hidden transition-all duration-200", e.isFilterActive() && "hidden sm:block sm:flex-1"), C = v("flex items-center gap-1 transition-all duration-200 ease-out", e.isFilterActive() ? "flex-1 sm:flex-none sm:w-48" : "w-7");
+      return a !== t.e && d(f, t.e = a), i !== t.t && d(x, t.t = i), $ !== t.a && (b.disabled = t.a = $), F !== t.o && d(b, t.o = F), _ !== t.i && d(p, t.i = _), C !== t.n && d(y, t.n = C), t;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0
-    }), t;
+      o: void 0,
+      i: void 0,
+      n: void 0
+    }), f;
   })();
 }
-function p(r) {
+function B(r) {
   const e = () => r.currentMode === r.mode;
   return (() => {
-    var n = V();
-    return n.$$click = () => r.onClick(), s(n, a(r.icon, {
+    var n = Z();
+    return n.$$click = () => r.onClick(), o(n, l(r.icon, {
       class: "w-3.5 h-3.5"
-    })), v((t) => {
-      var l = g("flex items-center justify-center w-6 h-6 rounded cursor-pointer", "transition-all duration-150", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", e() ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"), i = r.label, d = e();
-      return l !== t.e && b(n, t.e = l), i !== t.t && c(n, "aria-label", t.t = i), d !== t.a && c(n, "aria-pressed", t.a = d), t;
+    })), s((c) => {
+      var m = v("flex items-center justify-center w-6 h-6 rounded cursor-pointer", "transition-all duration-150", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", e() ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"), w = r.label, h = e();
+      return m !== c.e && d(n, c.e = m), w !== c.t && g(n, "aria-label", c.t = w), h !== c.a && g(n, "aria-pressed", c.a = h), c;
     }, {
       e: void 0,
       t: void 0,
@@ -68,7 +119,7 @@ function p(r) {
     }), n;
   })();
 }
-k(["click"]);
+S(["click", "input", "keydown"]);
 export {
-  T as FileBrowserToolbar
+  ie as FileBrowserToolbar
 };