@floegence/floe-webapp-core 0.35.4 → 0.35.5

package/dist/components/file-browser/FileBrowser.d.ts

@@ -32,6 +32,8 @@ export interface FileBrowserProps {
     header?: JSX.Element;
     /** Actions rendered on the right side of the Explorer sidebar header */
     sidebarHeaderActions?: JSX.Element;
+    /** Actions rendered at the end of the main file browser toolbar */
+    toolbarEndActions?: JSX.Element;
     /** Sidebar width in pixels */
     sidebarWidth?: number;
     /** Persisted sidebar width storage key (defaults to a shared user preference key) */

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

@@ -1,8 +1,8 @@
-import { createComponent as n, insert as i, use as P, memo as _, effect as k, className as z, template as w, delegateEvents as W } from "solid-js/web";
-import { onMount as A, onCleanup as K, createEffect as L, Show as u } from "solid-js";
-import { cn as B } from "../../utils/cn.js";
-import { useLayout as O } from "../../context/LayoutContext.js";
-import { useFileBrowserDrag as E } from "../../context/FileBrowserDragContext.js";
+import { createComponent as n, insert as i, use as F, memo as P, effect as _, className as k, template as w, delegateEvents as z } from "solid-js/web";
+import { onMount as W, onCleanup as E, createEffect as K, Show as u } from "solid-js";
+import { cn as L } from "../../utils/cn.js";
+import { useLayout as B } from "../../context/LayoutContext.js";
+import { useFileBrowserDrag as O } from "../../context/FileBrowserDragContext.js";
 import { deferAfterPaint as V } from "../../utils/defer.js";
 import { FileBrowserProvider as H, useFileBrowser as N } from "./FileBrowserContext.js";
 import { SidebarPane as T } from "../layout/SidebarPane.js";
@@ -13,7 +13,7 @@ import { FileBrowserToolbar as q } from "./FileBrowserToolbar.js";
 import { FileContextMenu as J } from "./FileContextMenu.js";
 import { DragPreview as U } from "./DragPreview.js";
 var X = /* @__PURE__ */ w('<div class="border-b border-border">'), Y = /* @__PURE__ */ w('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
-function me(e) {
+function be(e) {
   return n(H, {
     get files() {
       return e.files;
@@ -65,6 +65,9 @@ function me(e) {
         get sidebarHeaderActions() {
           return e.sidebarHeaderActions;
         },
+        get toolbarEndActions() {
+          return e.toolbarEndActions;
+        },
         get sidebarResizable() {
           return e.sidebarResizable;
         },
@@ -97,12 +100,12 @@ function me(e) {
   });
 }
 function Z(e) {
-  const t = N(), I = O(), o = E(), f = () => I.isMobile(), M = () => t.sidebarWidth(), S = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, s = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
+  const t = N(), I = B(), o = O(), f = () => I.isMobile(), M = () => t.sidebarWidth(), S = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
   let h, C = null, x = null;
-  A(() => {
+  W(() => {
     if (!o || !a()) return;
     const r = {
-      instanceId: s(),
+      instanceId: d(),
       currentPath: t.currentPath,
       files: t.files,
       onDragMove: e.onDragMove,
@@ -112,11 +115,11 @@ function Z(e) {
       optimisticInsert: t.optimisticInsert
     };
     o.registerInstance(r);
-  }), K(() => {
-    o && a() && o.unregisterInstance(s());
+  }), E(() => {
+    o && a() && o.unregisterInstance(d());
   });
   let v = !1, g = !1;
-  L(() => {
+  K(() => {
     const r = f();
     if (!v) {
       v = !0, g = r, r && e.hideSidebarOnMobile !== !1 && !t.sidebarCollapsed() && t.toggleSidebar();
@@ -128,7 +131,7 @@ function Z(e) {
     (r.metaKey || r.ctrlKey) && r.key.toLowerCase() === "f" && (r.preventDefault(), t.setFilterActive(!0), V(() => h?.focus()));
   }, y = () => !t.sidebarCollapsed() || !f();
   return (() => {
-    var r = Y(), m = r.firstChild, b = m.firstChild, c = b.firstChild, R = c.nextSibling, d = R.firstChild, $ = d.firstChild, F = d.nextSibling;
+    var r = Y(), b = r.firstChild, m = b.firstChild, c = m.firstChild, R = c.nextSibling, s = R.firstChild, $ = s.firstChild, A = s.nextSibling;
     return r.$$keydown = D, i(r, n(u, {
       get when() {
         return e.header;
@@ -137,7 +140,7 @@ function Z(e) {
         var l = X();
         return i(l, () => e.header), l;
       }
-    }), m), i(m, n(T, {
+    }), b), i(b, n(T, {
       title: "Explorer",
       get width() {
         return M();
@@ -164,16 +167,19 @@ function Z(e) {
       get children() {
         return n(j, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
             return a();
           }
         });
       }
-    }), b), i(b, n(q, {
-      filterInputRef: (l) => h = l
-    }), c), P((l) => {
+    }), m), i(m, n(q, {
+      filterInputRef: (l) => h = l,
+      get endActions() {
+        return e.toolbarEndActions;
+      }
+    }), c), F((l) => {
       C = l;
     }, c), i(c, n(u, {
       get when() {
@@ -182,7 +188,7 @@ function Z(e) {
       get fallback() {
         return n(Q, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
             return a();
@@ -192,28 +198,28 @@ function Z(e) {
       get children() {
         return n(G, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
             return a();
           }
         });
       }
-    })), i(d, () => t.currentFiles().length, $), i(d, n(u, {
+    })), i(s, () => t.currentFiles().length, $), i(s, n(u, {
       get when() {
         return t.filterQueryApplied().trim();
       },
       get children() {
         return [" ", "(filtered)"];
       }
-    }), null), i(d, n(u, {
+    }), null), i(s, n(u, {
       get when() {
         return t.selectedItems().size > 0;
       },
       get children() {
-        return [" · ", _(() => t.selectedItems().size), " selected"];
+        return [" · ", P(() => t.selectedItems().size), " selected"];
       }
-    }), null), i(F, () => t.currentPath()), i(r, n(J, {
+    }), null), i(A, () => t.currentPath()), i(r, n(J, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },
@@ -233,10 +239,10 @@ function Z(e) {
       get children() {
         return n(U, {});
       }
-    }), null), k(() => z(r, B("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), r;
+    }), null), _(() => k(r, L("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), r;
   })();
 }
-W(["keydown"]);
+z(["keydown"]);
 export {
-  me as FileBrowser
+  be as FileBrowser
 };

package/dist/components/file-browser/FileBrowserToolbar.d.ts

@@ -3,6 +3,8 @@ export interface FileBrowserToolbarProps {
     class?: string;
     /** Reference to focus the filter input */
     filterInputRef?: (el: HTMLInputElement) => void;
+    /** Actions rendered at the end of the toolbar */
+    endActions?: JSX.Element;
 }
 /**
  * Toolbar with navigation, breadcrumb, filter, and view mode toggle

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

@@ -1,89 +1,89 @@
-import { addEventListener as A, insert as o, createComponent as l, use as S, effect as s, className as d, template as u, setAttribute as g, delegateEvents as Q } from "solid-js/web";
-import { onMount as R, Show as M } from "solid-js";
-import { cn as f } from "../../utils/cn.js";
+import { addEventListener as M, insert as n, createComponent as l, use as S, effect as s, className as f, template as a, setAttribute as g, delegateEvents as Q } from "solid-js/web";
+import { onMount as R, Show as k } from "solid-js";
+import { cn as v } from "../../utils/cn.js";
 import { deferAfterPaint as E } from "../../utils/defer.js";
 import { useFileBrowser as L } from "./FileBrowserContext.js";
 import { Breadcrumb as T } from "./Breadcrumb.js";
 import { Grid as V } from "../icons/index.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>'), P = /* @__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">'), 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><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ u('<button type=button aria-label="Clear filter">'), K = /* @__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">'), X = /* @__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">'), Z = /* @__PURE__ */ u('<button type=button aria-label="Filter files">'), q = /* @__PURE__ */ u("<button type=button>");
-const z = (r) => (() => {
+var N = /* @__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=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__ */ 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><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__ */ 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><rect width=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), P = /* @__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><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3">'), D = /* @__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><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ a('<button type=button aria-label="Clear filter">'), K = /* @__PURE__ */ a('<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">'), X = /* @__PURE__ */ a('<div class="ml-0.5 flex shrink-0 items-center gap-1">'), Z = /* @__PURE__ */ a('<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">'), q = /* @__PURE__ */ a('<button type=button aria-label="Filter files">'), z = /* @__PURE__ */ a("<button type=button>");
+const J = (r) => (() => {
   var e = N();
   return s(() => g(e, "class", r.class)), e;
-})(), J = (r) => (() => {
+})(), O = (r) => (() => {
   var e = U();
   return s(() => g(e, "class", r.class)), e;
-})(), O = (r) => (() => {
+})(), W = (r) => (() => {
   var e = G();
   return s(() => g(e, "class", r.class)), e;
 })(), j = (r) => (() => {
   var e = P();
   return s(() => g(e, "class", r.class)), e;
-})(), W = (r) => (() => {
+})(), Y = (r) => (() => {
   var e = D();
   return s(() => g(e, "class", r.class)), e;
 })();
-function le(r) {
+function se(r) {
   const e = L();
-  let n;
+  let i;
   const c = () => {
-    const v = e.currentPath();
-    return v !== "/" && v !== "";
-  }, m = () => {
-    e.isFilterActive() ? (e.setFilterQuery(""), e.setFilterActive(!1)) : (e.setFilterActive(!0), E(() => n?.focus()));
-  }, w = () => {
-    e.setFilterQuery(""), n?.focus();
-  }, h = (v) => {
-    v.key === "Escape" && (e.setFilterQuery(""), e.setFilterActive(!1));
+    const d = e.currentPath();
+    return d !== "/" && d !== "";
+  }, b = () => {
+    e.isFilterActive() ? (e.setFilterQuery(""), e.setFilterActive(!1)) : (e.setFilterActive(!0), E(() => i?.focus()));
+  }, h = () => {
+    e.setFilterQuery(""), i?.focus();
+  }, w = (d) => {
+    d.key === "Escape" && (e.setFilterQuery(""), e.setFilterActive(!1));
   }, I = () => {
     e.filterQuery().trim() || e.setFilterActive(!1);
   };
   return R(() => {
-    r.filterInputRef && n && r.filterInputRef(n);
+    r.filterInputRef && i && r.filterInputRef(i);
   }), (() => {
-    var v = X(), x = v.firstChild, b = x.nextSibling, p = b.nextSibling, y = p.nextSibling, k = y.nextSibling;
-    return A(x, "click", e.toggleSidebar, !0), o(x, l(O, {
+    var d = Z(), x = d.firstChild, m = x.nextSibling, p = m.nextSibling, y = p.nextSibling, $ = y.nextSibling;
+    return M(x, "click", e.toggleSidebar, !0), n(x, l(W, {
       class: "w-4 h-4"
-    })), A(b, "click", e.navigateUp, !0), o(b, l(J, {
+    })), M(m, "click", e.navigateUp, !0), n(m, l(O, {
       class: "w-4 h-4"
-    })), o(p, l(T, {})), o(y, l(M, {
+    })), n(p, l(T, {})), n(y, l(k, {
       get when() {
         return e.isFilterActive();
       },
       get fallback() {
         return (() => {
-          var t = Z();
-          return t.$$click = m, o(t, l(j, {
+          var t = q();
+          return t.$$click = b, n(t, l(j, {
             class: "w-4 h-4"
-          })), s(() => d(t, f("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;
+          })), s(() => f(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 = K(), a = t.firstChild;
-        return o(t, l(j, {
+        var t = K(), u = t.firstChild;
+        return n(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), S((i) => {
-          n = i, r.filterInputRef && r.filterInputRef(i);
-        }, a), o(t, l(M, {
+        }), u), u.addEventListener("blur", I), u.$$keydown = w, u.$$input = (o) => e.setFilterQuery(o.currentTarget.value), S((o) => {
+          i = o, r.filterInputRef && r.filterInputRef(o);
+        }, u), n(t, l(k, {
           get when() {
             return e.filterQuery();
           },
           get children() {
-            var i = H();
-            return i.$$click = w, o(i, l(W, {
+            var o = H();
+            return o.$$click = h, n(o, l(Y, {
               class: "w-3 h-3"
-            })), s(() => d(i, f("flex items-center justify-center w-4 h-4 rounded-sm cursor-pointer", "text-muted-foreground hover:text-foreground", "transition-colors duration-100"))), i;
+            })), s(() => f(o, v("flex items-center justify-center w-4 h-4 rounded-sm cursor-pointer", "text-muted-foreground hover:text-foreground", "transition-colors duration-100"))), o;
           }
-        }), null), s(() => d(a, f("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;
+        }), null), s(() => f(u, 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(() => u.value = e.filterQuery()), t;
       }
-    })), o(k, l(B, {
+    })), n($, l(B, {
       mode: "list",
       get currentMode() {
         return e.viewMode();
       },
       onClick: () => e.setViewMode("list"),
-      icon: z,
+      icon: J,
       label: "List view"
-    }), null), o(k, l(B, {
+    }), null), n($, l(B, {
       mode: "grid",
       get currentMode() {
         return e.viewMode();
@@ -91,9 +91,17 @@ function le(r) {
       onClick: () => e.setViewMode("grid"),
       icon: V,
       label: "Grid view"
+    }), null), n(d, l(k, {
+      get when() {
+        return r.endActions;
+      },
+      get children() {
+        var t = X();
+        return n(t, () => r.endActions), t;
+      }
     }), null), s((t) => {
-      var a = f("flex items-center gap-2 px-2 py-1.5 border-b border-border", "bg-background/50 backdrop-blur-sm", r.class), i = f("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 = f("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"), _ = f("flex-1 min-w-0 overflow-hidden transition-all duration-200", e.isFilterActive() && "hidden sm:block sm:flex-1"), C = f("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(v, 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;
+      var u = v("flex items-center gap-2 px-2 py-1.5 border-b border-border", "bg-background/50 backdrop-blur-sm", r.class), o = 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"), F = !c(), _ = 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"), A = 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 u !== t.e && f(d, t.e = u), o !== t.t && f(x, t.t = o), F !== t.a && (m.disabled = t.a = F), _ !== t.o && f(m, t.o = _), A !== t.i && f(p, t.i = A), C !== t.n && f(y, t.n = C), t;
     }, {
       e: void 0,
       t: void 0,
@@ -101,26 +109,26 @@ function le(r) {
       o: void 0,
       i: void 0,
       n: void 0
-    }), v;
+    }), d;
   })();
 }
 function B(r) {
   const e = () => r.currentMode === r.mode;
   return (() => {
-    var n = q();
-    return n.$$click = () => r.onClick(), o(n, l(r.icon, {
+    var i = z();
+    return i.$$click = () => r.onClick(), n(i, l(r.icon, {
       class: "w-3.5 h-3.5"
     })), s((c) => {
-      var m = f("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;
+      var b = 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"), h = r.label, w = e();
+      return b !== c.e && f(i, c.e = b), h !== c.t && g(i, "aria-label", c.t = h), w !== c.a && g(i, "aria-pressed", c.a = w), c;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), i;
   })();
 }
 Q(["click", "input", "keydown"]);
 export {
-  le as FileBrowserToolbar
+  se as FileBrowserToolbar
 };

package/package.json

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