@floegence/floe-webapp-core 0.8.1 → 0.8.3

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

@@ -5,6 +5,8 @@ export interface FileBrowserProviderProps {
     files: FileItem[];
     initialPath?: string;
     initialViewMode?: ViewMode;
+    /** Label for the root/home directory in breadcrumb (default: 'Root') */
+    homeLabel?: string;
     onNavigate?: (path: string) => void;
     onSelect?: (items: FileItem[]) => void;
     onOpen?: (item: FileItem) => void;

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

@@ -133,6 +133,7 @@ export interface FileBrowserContextValue {
     setCurrentPath: (path: string) => void;
     navigateUp: () => void;
     navigateTo: (item: FileItem) => void;
+    homeLabel: Accessor<string>;
     selectedItems: Accessor<Set<string>>;
     selectItem: (id: string, multi?: boolean) => void;
     clearSelection: () => void;

package/dist/index41.js

@@ -1,168 +1,169 @@
-import { createComponent as he } from "solid-js/web";
-import { createContext as me, createSignal as a, createMemo as N, useContext as we } from "solid-js";
-import { deferNonBlocking as I } from "./index70.js";
-const V = me();
-function Q(r, p) {
-  if (!p) return [];
-  const x = r.toLowerCase(), w = p.toLowerCase(), h = [];
-  let g = 0;
-  for (const S of w) {
-    const m = x.indexOf(S, g);
-    if (m === -1) return null;
-    h.push(m), g = m + 1;
+import { createComponent as me } from "solid-js/web";
+import { createContext as we, createSignal as a, createMemo as N, useContext as Pe } from "solid-js";
+import { deferNonBlocking as F } from "./index70.js";
+const R = we();
+function Q(r, i) {
+  if (!i) return [];
+  const h = r.toLowerCase(), g = i.toLowerCase(), p = [];
+  let m = 0;
+  for (const x of g) {
+    const w = h.indexOf(x, m);
+    if (w === -1) return null;
+    p.push(w), m = w + 1;
   }
-  return h;
+  return p;
 }
-function Ce(r) {
-  const [p, x] = a(r.initialPath ?? "/"), [w, h] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, j] = a({
+function ye(r) {
+  const i = (e) => {
+    const t = (e ?? "").trim();
+    return t === "" ? "/" : t;
+  }, [h, g] = a(i(r.initialPath ?? "/")), [p, m] = a(/* @__PURE__ */ new Set()), [x, w] = a(r.initialViewMode ?? "list"), [I, V] = a({
     field: "name",
     direction: "asc"
-  }), [M, O] = a(/* @__PURE__ */ new Set(["/"])), [R, D] = a(!1), [G, k] = a(null), [v, b] = a(""), [H, B] = a(!1), [z, P] = a([]);
-  let u = null, C = {
+  }), [M, b] = a(/* @__PURE__ */ new Set(["/"])), [j, D] = a(!1), [G, O] = a(null), [S, k] = a(""), [H, B] = a(!1), J = () => r.homeLabel ?? "Root", [z, P] = a([]);
+  let u = null, v = {
     top: 0,
     left: 0
   };
-  const A = () => r.files, c = (e) => {
-    const t = (e ?? "").trim();
-    return t === "" ? "/" : t;
-  }, T = (e) => {
-    const t = c(e);
+  const A = () => r.files, L = (e) => {
+    const t = i(e);
     if (t === "/") return "/";
     const n = t.split("/").filter(Boolean);
     return n.pop(), n.length ? "/" + n.join("/") : "/";
-  }, J = (e, t) => {
+  }, K = (e, t) => {
     const n = z();
     if (n.length === 0) return e;
     let s = [...e];
-    const d = c(t);
+    const d = i(t);
     for (const o of n)
       switch (o.type) {
         case "remove": {
-          const l = new Set(o.paths.map(c));
-          s = s.filter((i) => !l.has(c(i.path)));
+          const l = new Set(o.paths.map(i));
+          s = s.filter((c) => !l.has(i(c.path)));
           break;
         }
         case "update": {
-          const l = c(o.oldPath), i = s.findIndex((f) => c(f.path) === l);
-          if (i !== -1) {
-            const f = o.updates.path ?? s[i].path;
-            T(f) === d ? s[i] = {
-              ...s[i],
+          const l = i(o.oldPath), c = s.findIndex((f) => i(f.path) === l);
+          if (c !== -1) {
+            const f = o.updates.path ?? s[c].path;
+            L(f) === d ? s[c] = {
+              ...s[c],
               ...o.updates
-            } : s.splice(i, 1);
+            } : s.splice(c, 1);
           } else {
             const f = o.updates.path;
-            f && T(f);
+            f && L(f);
           }
           break;
         }
         case "insert": {
-          c(o.parentPath) === d && (s.some((i) => c(i.path) === c(o.item.path)) || s.push(o.item));
+          i(o.parentPath) === d && (s.some((c) => i(c.path) === i(o.item.path)) || s.push(o.item));
           break;
         }
       }
     return s;
-  }, K = N(() => {
+  }, W = N(() => {
     const e = /* @__PURE__ */ new Map(), t = (s) => {
       var d;
       for (const o of s)
-        o.type === "folder" && (e.set(c(o.path), o.children ?? []), (d = o.children) != null && d.length && t(o.children));
+        o.type === "folder" && (e.set(i(o.path), o.children ?? []), (d = o.children) != null && d.length && t(o.children));
     }, n = A();
     return e.set("/", n), t(n), e;
-  }), U = N(() => {
-    const e = c(p());
-    let t = K().get(e) ?? [];
-    t = J(t, e);
-    const n = v().trim();
+  }), T = N(() => {
+    const e = i(h());
+    let t = W().get(e) ?? [];
+    t = K(t, e);
+    const n = S().trim();
     n && (t = t.filter((o) => Q(o.name, n) !== null));
-    const s = m();
+    const s = I();
     return [...t].sort((o, l) => {
-      var f, F;
+      var f, y;
       if (o.type !== l.type)
         return o.type === "folder" ? -1 : 1;
-      let i = 0;
+      let c = 0;
       switch (s.field) {
         case "name":
-          i = o.name.localeCompare(l.name);
+          c = o.name.localeCompare(l.name);
           break;
         case "size":
-          i = (o.size ?? 0) - (l.size ?? 0);
+          c = (o.size ?? 0) - (l.size ?? 0);
           break;
         case "modifiedAt":
-          i = (((f = o.modifiedAt) == null ? void 0 : f.getTime()) ?? 0) - (((F = l.modifiedAt) == null ? void 0 : F.getTime()) ?? 0);
+          c = (((f = o.modifiedAt) == null ? void 0 : f.getTime()) ?? 0) - (((y = l.modifiedAt) == null ? void 0 : y.getTime()) ?? 0);
           break;
         case "type":
-          i = (o.extension ?? "").localeCompare(l.extension ?? "");
+          c = (o.extension ?? "").localeCompare(l.extension ?? "");
           break;
       }
-      return s.direction === "asc" ? i : -i;
+      return s.direction === "asc" ? c : -c;
     });
-  }), y = (e) => {
+  }), C = (e) => {
     var s;
-    const t = c(e);
-    x(t), h(/* @__PURE__ */ new Set()), b(""), B(!1);
+    const t = i(e);
+    if (t === h()) return;
+    g(t), m(/* @__PURE__ */ new Set()), k(""), B(!1);
     const n = r.onSelect;
-    I(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
-  }, W = () => {
-    const e = p();
+    F(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
+  }, X = () => {
+    const e = h();
     if (e === "/" || e === "") return;
     const t = e.split("/").filter(Boolean);
-    t.pop(), y(t.length ? "/" + t.join("/") : "/");
-  }, E = (e) => {
-    e.type === "folder" && (y(e.path), O((t) => {
+    t.pop(), C(t.length ? "/" + t.join("/") : "/");
+  }, U = (e) => {
+    e.type === "folder" && (C(e.path), b((t) => {
       const n = new Set(t);
       return n.add(e.path), n;
     }));
-  }, X = (e, t = !1) => {
-    const n = w(), s = t ? new Set(n) : /* @__PURE__ */ new Set();
-    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), h(s);
-    const d = U().filter((l) => s.has(l.id)), o = r.onSelect;
-    I(() => o == null ? void 0 : o(d));
-  }, Y = () => {
-    h(/* @__PURE__ */ new Set());
+  }, Y = (e, t = !1) => {
+    const n = p(), s = t ? new Set(n) : /* @__PURE__ */ new Set();
+    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), m(s);
+    const d = T().filter((l) => s.has(l.id)), o = r.onSelect;
+    F(() => o == null ? void 0 : o(d));
+  }, Z = () => {
+    m(/* @__PURE__ */ new Set());
     const e = r.onSelect;
-    I(() => e == null ? void 0 : e([]));
-  }, Z = (e) => w().has(e), _ = (e) => {
-    O((t) => {
+    F(() => e == null ? void 0 : e([]));
+  }, _ = (e) => p().has(e), $ = (e) => {
+    b((t) => {
       const n = new Set(t);
       return n.has(e) ? n.delete(e) : n.add(e), n;
     });
-  }, $ = (e) => M().has(e), ee = () => D((e) => !e), te = (e) => k(e), ne = () => k(null), oe = (e) => {
-    b(e);
-  }, se = (e) => {
-    const t = v().trim();
+  }, ee = (e) => M().has(e), te = () => D((e) => !e), ne = (e) => O(e), oe = () => O(null), se = (e) => {
+    k(e);
+  }, re = (e) => {
+    const t = S().trim();
     if (!t) return null;
     const n = Q(e, t);
     return n ? {
       matchedIndices: n
     } : null;
-  }, re = (e) => {
-    var t;
-    e.type === "folder" ? E(e) : (t = r.onOpen) == null || t.call(r, e);
   }, ie = (e) => {
+    var t;
+    e.type === "folder" ? U(e) : (t = r.onOpen) == null || t.call(r, e);
+  }, ce = (e) => {
     e.length !== 0 && P((t) => [...t, {
       type: "remove",
       paths: e
     }]);
-  }, ce = (e, t) => {
+  }, le = (e, t) => {
     P((n) => [...n, {
       type: "update",
       oldPath: e,
       updates: t
     }]);
-  }, le = (e, t) => {
+  }, ae = (e, t) => {
     P((n) => [...n, {
       type: "insert",
       parentPath: e,
       item: t
     }]);
-  }, ae = () => {
-    P([]);
   }, de = () => {
     P([]);
-  }, fe = () => z().length > 0, ue = (e) => {
+  }, fe = () => {
+    P([]);
+  }, ue = () => z().length > 0, he = (e) => {
     u = e;
-  }, L = () => u ? {
+  }, E = () => u ? {
     top: u.scrollTop,
     left: u.scrollLeft
   } : {
@@ -171,66 +172,67 @@ function Ce(r) {
   }, q = (e) => {
     u && (u.scrollTop = e.top, u.scrollLeft = e.left);
   }, pe = {
-    currentPath: p,
-    setCurrentPath: y,
-    navigateUp: W,
-    navigateTo: E,
-    selectedItems: () => w(),
-    selectItem: X,
-    clearSelection: Y,
-    isSelected: Z,
-    viewMode: g,
-    setViewMode: S,
-    sortConfig: m,
-    setSortConfig: j,
+    currentPath: h,
+    setCurrentPath: C,
+    navigateUp: X,
+    navigateTo: U,
+    homeLabel: J,
+    selectedItems: () => p(),
+    selectItem: Y,
+    clearSelection: Z,
+    isSelected: _,
+    viewMode: x,
+    setViewMode: w,
+    sortConfig: I,
+    setSortConfig: V,
     expandedFolders: M,
-    toggleFolder: _,
-    isExpanded: $,
+    toggleFolder: $,
+    isExpanded: ee,
     files: A,
-    currentFiles: U,
-    filterQuery: v,
-    setFilterQuery: oe,
+    currentFiles: T,
+    filterQuery: S,
+    setFilterQuery: se,
     isFilterActive: H,
     setFilterActive: B,
-    getFilterMatch: se,
-    sidebarCollapsed: R,
-    toggleSidebar: ee,
+    getFilterMatch: re,
+    sidebarCollapsed: j,
+    toggleSidebar: te,
     contextMenu: G,
-    showContextMenu: te,
-    hideContextMenu: ne,
-    openItem: re,
+    showContextMenu: ne,
+    hideContextMenu: oe,
+    openItem: ie,
     // Optimistic updates
-    optimisticRemove: ie,
-    optimisticUpdate: ce,
-    optimisticInsert: le,
-    clearOptimisticUpdates: ae,
-    rollbackOptimisticUpdates: de,
-    hasOptimisticUpdates: fe,
+    optimisticRemove: ce,
+    optimisticUpdate: le,
+    optimisticInsert: ae,
+    clearOptimisticUpdates: de,
+    rollbackOptimisticUpdates: fe,
+    hasOptimisticUpdates: ue,
     // Scroll position management
-    setScrollContainer: ue,
-    getScrollPosition: L,
+    setScrollContainer: he,
+    getScrollPosition: E,
     setScrollPosition: q,
-    saveScrollPosition: () => (C = L(), C),
+    saveScrollPosition: () => (v = E(), v),
     restoreScrollPosition: () => {
       requestAnimationFrame(() => {
-        q(C);
+        q(v);
       });
     }
   };
-  return he(V.Provider, {
+  return me(R.Provider, {
     value: pe,
     get children() {
       return r.children;
     }
   });
 }
-function ye() {
-  const r = we(V);
+function Fe() {
+  const r = Pe(R);
   if (!r)
     throw new Error("useFileBrowser must be used within a FileBrowserProvider");
   return r;
 }
 export {
-  Ce as FileBrowserProvider,
-  ye as useFileBrowser
+  ye as FileBrowserProvider,
+  Fe as useFileBrowser
 };

package/dist/index42.js

@@ -1,5 +1,5 @@
-import { delegateEvents as U, template as x, insert as s, createComponent as o, effect as $, className as g, setAttribute as j, memo as k, setStyleProperty as B } from "solid-js/web";
-import { createMemo as w, For as H, untrack as R, Show as b } from "solid-js";
+import { delegateEvents as U, template as x, insert as s, createComponent as o, effect as y, className as g, setAttribute as j, memo as k, setStyleProperty as B } from "solid-js/web";
+import { createMemo as w, For as H, untrack as R, Show as $ } from "solid-js";
 import { cn as v } from "./index69.js";
 import { useFileBrowser as T } from "./index41.js";
 import { FolderOpenIcon as X, FolderIcon as Y } from "./index48.js";
@@ -10,12 +10,12 @@ function ie(n) {
   const i = T(), r = w(() => i.files().filter((c) => c.type === "folder"));
   return (() => {
     var c = _();
-    return c.$$contextmenu = (y) => y.preventDefault(), s(c, o(F, {
+    return c.$$contextmenu = (b) => b.preventDefault(), s(c, o(F, {
       get items() {
         return r();
       },
       depth: 0
-    })), $(() => g(c, v("flex flex-col", n.class))), c;
+    })), y(() => g(c, v("flex flex-col", n.class))), c;
   })();
 }
 function F(n) {
@@ -33,7 +33,7 @@ function F(n) {
   });
 }
 function V(n) {
-  const i = T(), r = () => i.isExpanded(n.item.path), c = () => i.currentPath() === n.item.path, y = R(() => n.item), f = z(i, y, {
+  const i = T(), r = () => i.isExpanded(n.item.path), c = () => i.currentPath() === n.item.path, b = R(() => n.item), f = z(i, b, {
     selectOnOpen: !1
   });
   let u;
@@ -49,7 +49,7 @@ function V(n) {
   }, I = (e) => {
     u = e.pointerType, f.onPointerCancel();
   }, L = (e) => {
-    f.consumeClickSuppression(e) || i.setCurrentPath(n.item.path);
+    f.consumeClickSuppression(e) || i.navigateTo(b);
   }, N = (e) => {
     e.preventDefault(), e.stopPropagation(), !M() && i.showContextMenu({
       x: e.clientX,
@@ -61,7 +61,7 @@ function V(n) {
   };
   return (() => {
     var e = K(), d = e.firstChild, l = d.firstChild, C = l.firstChild, A = C.nextSibling;
-    return s(d, o(b, {
+    return s(d, o($, {
       get when() {
         return m();
       },
@@ -72,15 +72,15 @@ function V(n) {
         var t = G();
         return t.$$click = O, s(t, o(q, {
           class: "w-3 h-3 opacity-50"
-        })), $((a) => {
-          var h = v("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", r() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), p = r() ? "Collapse folder" : "Expand folder";
-          return h !== a.e && g(t, a.e = h), p !== a.t && j(t, "aria-label", a.t = p), a;
+        })), y((a) => {
+          var p = v("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", r() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), h = r() ? "Collapse folder" : "Expand folder";
+          return p !== a.e && g(t, a.e = p), h !== a.t && j(t, "aria-label", a.t = h), a;
         }, {
           e: void 0,
           t: void 0
         }), t;
       }
-    }), l), l.addEventListener("pointercancel", I), l.$$pointerup = S, l.$$pointermove = E, l.$$pointerdown = D, l.$$contextmenu = N, l.$$click = L, s(C, o(b, {
+    }), l), l.addEventListener("pointercancel", I), l.$$pointerup = S, l.$$pointermove = E, l.$$pointerdown = D, l.$$contextmenu = N, l.$$click = L, s(C, o($, {
       get when() {
         return k(() => !!m())() && r();
       },
@@ -94,7 +94,7 @@ function V(n) {
           class: "w-4 h-4"
         });
       }
-    })), s(A, () => n.item.name), s(l, o(b, {
+    })), s(A, () => n.item.name), s(l, o($, {
       get when() {
         return m();
       },
@@ -102,7 +102,7 @@ function V(n) {
         var t = J();
         return s(t, P), t;
       }
-    }), null), s(e, o(b, {
+    }), null), s(e, o($, {
       get when() {
         return k(() => !!r())() && m();
       },
@@ -115,11 +115,11 @@ function V(n) {
           get depth() {
             return n.depth + 1;
           }
-        })), $(() => g(t, v("overflow-hidden transition-all duration-200", r() ? "opacity-100" : "opacity-0"))), t;
+        })), y(() => g(t, v("overflow-hidden transition-all duration-200", r() ? "opacity-100" : "opacity-0"))), t;
       }
-    }), null), $((t) => {
-      var a = v("group flex items-center w-full py-1 text-xs", "transition-all duration-100", "hover:bg-sidebar-accent/60", c() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium"), h = `${8 + n.depth * 12}px`, p = v("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
-      return a !== t.e && g(d, t.e = a), h !== t.t && B(d, "padding-left", t.t = h), p !== t.a && g(l, t.a = p), t;
+    }), null), y((t) => {
+      var a = v("group flex items-center w-full py-1 text-xs", "transition-all duration-100", "hover:bg-sidebar-accent/60", c() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium"), p = `${8 + n.depth * 12}px`, h = v("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
+      return a !== t.e && g(d, t.e = a), p !== t.t && B(d, "padding-left", t.t = p), h !== t.a && g(l, t.a = h), t;
     }, {
       e: void 0,
       t: void 0,

package/dist/index46.js

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

package/package.json

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