@floegence/floe-webapp-core 0.8.0 → 0.8.1

package/dist/components/ui/picker/PickerBase.d.ts

@@ -21,14 +21,14 @@ export interface UsePickerTreeOptions {
     filter?: (item: FileItem) => boolean;
     /** Additional reset logic when the dialog opens */
     onReset?: (initialPath: string) => void;
-    /** Label for the home/root directory in tree and breadcrumb (default: 'Root') */
-    homeLabel?: string;
+    /** Label for the home/root directory in tree and breadcrumb (default: 'Root'). Supports accessor for reactivity. */
+    homeLabel?: string | Accessor<string | undefined>;
     /**
      * Real filesystem path of the home directory (e.g. '/home/user').
      * When set, the path input bar and display paths will show real filesystem
-     * paths instead of internal tree-relative paths.
+     * paths instead of internal tree-relative paths. Supports accessor for reactivity.
      */
-    homePath?: string;
+    homePath?: string | Accessor<string | undefined>;
 }
 export interface PickerTreeState {
     selectedPath: Accessor<string>;
@@ -53,8 +53,8 @@ export interface PickerTreeState {
         path: string;
     }[]>;
     handleBreadcrumbClick: (path: string) => void;
-    /** Home label for display */
-    homeLabel: string;
+    /** Home label for display (reactive) */
+    homeLabel: Accessor<string>;
     /** Convert internal tree path to display (real filesystem) path */
     toDisplayPath: (internalPath: string) => string;
 }
@@ -94,8 +94,8 @@ export interface PickerFolderTreeProps {
     class?: string;
     style?: JSX.CSSProperties;
     emptyText?: string;
-    /** Label for the home/root directory (default: 'Root') */
-    homeLabel?: string;
+    /** Label for the home/root directory (default: 'Root'). Supports accessor for reactivity. */
+    homeLabel?: string | Accessor<string>;
 }
 export declare function PickerFolderTree(props: PickerFolderTreeProps): JSX.Element;
 export interface PickerTreeNodeProps {

package/dist/index29.js

@@ -13,8 +13,8 @@ function T(t) {
     files: () => t.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback
     filter: t.filter ? (r) => t.filter(r) : void 0,
-    homeLabel: t.homeLabel,
-    homePath: t.homePath
+    homeLabel: () => t.homeLabel,
+    homePath: () => t.homePath
   }), c = () => {
     const r = e.selectedPath(), a = t.onSelect;
     t.onOpenChange(!1), f(() => a(r));

package/dist/index30.js

@@ -15,8 +15,8 @@ function ae(e) {
     files: () => e.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback
     filter: e.filter ? (t) => e.filter(t) : void 0,
-    homeLabel: e.homeLabel,
-    homePath: e.homePath,
+    homeLabel: () => e.homeLabel,
+    homePath: () => e.homePath,
     onReset: () => {
       f(e.initialFileName ?? ""), s("");
     }

package/dist/index83.js

@@ -1,218 +1,223 @@
-import { delegateEvents as Y, template as P, insert as u, createComponent as c, effect as T, className as _, style as Z, memo as z, setAttribute as ee, setStyleProperty as te } from "solid-js/web";
-import { createSignal as C, createMemo as E, createEffect as L, on as A, For as R, Show as p } from "solid-js";
+import { delegateEvents as Z, template as P, insert as h, createComponent as d, effect as T, className as _, style as ee, memo as B, setAttribute as te, setStyleProperty as ne } from "solid-js/web";
+import { createSignal as C, createMemo as E, createEffect as A, on as G, For as N, Show as F } from "solid-js";
 import { cn as I } from "./index69.js";
-import { Button as N } from "./index20.js";
-import { Input as j } from "./index21.js";
-import { ChevronRight as M, Check as ne, X as re, Plus as le } from "./index34.js";
-import { FolderOpenIcon as W, FolderIcon as oe } from "./index48.js";
-var O = /* @__PURE__ */ P('<div class="flex items-center gap-1.5"><div class=flex-1>'), ie = /* @__PURE__ */ P('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), ae = /* @__PURE__ */ P("<button type=button><span>New Folder"), ce = /* @__PURE__ */ P('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ P("<button type=button>"), se = /* @__PURE__ */ P('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), ue = /* @__PURE__ */ P("<div><button type=button><span>"), de = /* @__PURE__ */ P("<div class=overflow-hidden>"), he = /* @__PURE__ */ P('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), fe = /* @__PURE__ */ P('<span class="flex-shrink-0 w-4 h-4">');
+import { Button as z } from "./index20.js";
+import { Input as H } from "./index21.js";
+import { ChevronRight as M, Check as re, X as le, Plus as oe } from "./index34.js";
+import { FolderOpenIcon as W, FolderIcon as ie } from "./index48.js";
+var O = /* @__PURE__ */ P('<div class="flex items-center gap-1.5"><div class=flex-1>'), ae = /* @__PURE__ */ P('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), ce = /* @__PURE__ */ P("<button type=button><span>New Folder"), se = /* @__PURE__ */ P('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ P("<button type=button>"), ue = /* @__PURE__ */ P('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), de = /* @__PURE__ */ P("<div><button type=button><span>"), he = /* @__PURE__ */ P("<div class=overflow-hidden>"), fe = /* @__PURE__ */ P('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ge = /* @__PURE__ */ P('<span class="flex-shrink-0 w-4 h-4">');
 function S(e) {
-  const r = (e ?? "").trim();
-  if (r === "" || r === "/") return "/";
-  const o = r.replace(/\/+$/, "");
-  return o.startsWith("/") ? o : "/" + o;
+  const l = (e ?? "").trim();
+  if (l === "" || l === "/") return "/";
+  const n = l.replace(/\/+$/, "");
+  return n.startsWith("/") ? n : "/" + n;
 }
-function G(e) {
-  const r = e.split("/").filter(Boolean), o = [];
-  let l = "";
-  for (let n = 0; n < r.length - 1; n++)
-    l += "/" + r[n], o.push(l);
-  return o;
+function j(e) {
+  const l = e.split("/").filter(Boolean), n = [];
+  let a = "";
+  for (let i = 0; i < l.length - 1; i++)
+    a += "/" + l[i], n.push(a);
+  return n;
 }
-function ge(e) {
+function me(e) {
   return E(() => {
-    const r = /* @__PURE__ */ new Map(), o = (l) => {
-      var n;
-      for (const d of l)
-        d.type === "folder" && (r.set(S(d.path), d), (n = d.children) != null && n.length && o(d.children));
+    const l = /* @__PURE__ */ new Map(), n = (a) => {
+      var i;
+      for (const o of a)
+        o.type === "folder" && (l.set(S(o.path), o), (i = o.children) != null && i.length && n(o.children));
     };
-    return o(e()), r;
+    return n(e()), l;
   });
 }
-function ke(e) {
-  const r = e.initialPath ?? "/", o = e.homeLabel ?? "Root", l = e.homePath ? S(e.homePath) : void 0, n = (t) => {
-    if (!l) return t;
-    const s = S(t);
-    return s === "/" ? l : l === "/" ? s : l + s;
-  }, d = (t) => {
-    if (!l) return S(t);
-    const s = S(t);
-    return s === l ? "/" : l !== "/" && s.startsWith(l + "/") ? s.slice(l.length) || "/" : S(t);
-  }, [x, g] = C(r), [m, f] = C(/* @__PURE__ */ new Set(["/"])), [b, i] = C(n(r)), [w, a] = C(""), v = ge(e.files), k = E(() => e.files().filter((t) => t.type === "folder"));
-  L(A(e.open, (t) => {
+function Se(e) {
+  const l = e.initialPath ?? "/", n = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", a = () => {
+    const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
+    return t ? S(t) : void 0;
+  }, i = (t) => {
+    const s = a();
+    if (!s) return t;
+    const u = S(t);
+    return u === "/" ? s : s === "/" ? u : s + u;
+  }, o = (t) => {
+    const s = a();
+    if (!s) return S(t);
+    const u = S(t);
+    return u === s ? "/" : s !== "/" && u.startsWith(s + "/") ? u.slice(s.length) || "/" : S(t);
+  }, [b, v] = C(l), [f, g] = C(/* @__PURE__ */ new Set(["/"])), [x, r] = C(i(l)), [w, c] = C(""), m = me(e.files), k = E(() => e.files().filter((t) => t.type === "folder"));
+  A(G(e.open, (t) => {
     var s;
     if (t) {
-      const h = e.initialPath ?? "/";
-      g(h), i(n(h)), a("");
-      const $ = G(h);
-      f(/* @__PURE__ */ new Set(["/", ...$])), (s = e.onReset) == null || s.call(e, h);
+      const u = e.initialPath ?? "/";
+      v(u), r(i(u)), c("");
+      const $ = j(u);
+      g(/* @__PURE__ */ new Set(["/", ...$])), (s = e.onReset) == null || s.call(e, u);
     }
-  })), L(A(x, (t) => {
-    i(n(t)), a("");
+  })), A(G(b, (t) => {
+    r(i(t)), c("");
   }));
   const y = (t) => {
     const s = S(t);
-    return s === "/" || v().has(s);
-  }, F = (t) => e.filter ? e.filter(t) : !0, B = (t) => {
-    const s = G(t);
-    f((h) => {
-      const $ = new Set(h);
+    return s === "/" || m().has(s);
+  }, p = (t) => e.filter ? e.filter(t) : !0, L = (t) => {
+    const s = j(t);
+    g((u) => {
+      const $ = new Set(u);
       for (const D of s) $.add(D);
       return $.add(t), $;
     });
   }, q = (t) => {
-    f((s) => {
-      const h = new Set(s);
-      return h.has(t) ? h.delete(t) : h.add(t), h;
+    g((s) => {
+      const u = new Set(s);
+      return u.has(t) ? u.delete(t) : u.add(t), u;
     });
-  }, H = (t) => {
-    F(t) && (g(t.path), f((s) => {
-      const h = new Set(s);
-      return h.add(t.path), h;
+  }, J = (t) => {
+    p(t) && (v(t.path), g((s) => {
+      const u = new Set(s);
+      return u.add(t.path), u;
     }));
-  }, J = () => {
-    g("/");
-  }, K = () => {
-    const t = d(b().trim());
-    y(t) ? (g(t), a(""), B(t)) : a("Path not found");
-  }, Q = (t) => {
-    t.key === "Enter" && (t.preventDefault(), K());
-  }, U = E(() => {
-    const t = x();
+  }, Q = () => {
+    v("/");
+  }, R = () => {
+    const t = o(x().trim());
+    y(t) ? (v(t), c(""), L(t)) : c("Path not found");
+  }, U = (t) => {
+    t.key === "Enter" && (t.preventDefault(), R());
+  }, Y = E(() => {
+    const t = b(), s = n();
     if (t === "/" || t === "") return [{
-      name: o,
+      name: s,
       path: "/"
     }];
-    const s = t.split("/").filter(Boolean), h = [{
-      name: o,
+    const u = t.split("/").filter(Boolean), $ = [{
+      name: s,
       path: "/"
     }];
-    let $ = "";
-    for (const D of s)
-      $ += "/" + D, h.push({
-        name: D,
-        path: $
+    let D = "";
+    for (const K of u)
+      D += "/" + K, $.push({
+        name: K,
+        path: D
       });
-    return h;
+    return $;
   });
   return {
-    selectedPath: x,
-    setSelectedPath: g,
-    expandedPaths: m,
+    selectedPath: b,
+    setSelectedPath: v,
+    expandedPaths: f,
     toggleExpand: q,
-    pathInput: b,
-    setPathInput: i,
+    pathInput: x,
+    setPathInput: r,
     pathInputError: w,
-    setPathInputError: a,
-    folderIndex: v,
+    setPathInputError: c,
+    folderIndex: m,
     rootFolders: k,
     isValidPath: y,
-    isSelectable: F,
-    handleSelectFolder: H,
-    handleSelectRoot: J,
-    handlePathInputGo: K,
-    handlePathInputKeyDown: Q,
-    expandToPath: B,
-    breadcrumbSegments: U,
+    isSelectable: p,
+    handleSelectFolder: J,
+    handleSelectRoot: Q,
+    handlePathInputGo: R,
+    handlePathInputKeyDown: U,
+    expandToPath: L,
+    breadcrumbSegments: Y,
     handleBreadcrumbClick: (t) => {
-      g(t), B(t);
+      v(t), L(t);
     },
-    homeLabel: o,
-    toDisplayPath: n
+    homeLabel: n,
+    toDisplayPath: i
   };
 }
-function Se(e) {
-  const [r, o] = C(!1), [l, n] = C(""), [d, x] = C(!1), g = () => {
-    o(!0), n("");
-  }, m = () => {
-    o(!1), n("");
-  }, f = async () => {
-    const i = l().trim();
-    if (i) {
-      x(!0);
+function Ce(e) {
+  const [l, n] = C(!1), [a, i] = C(""), [o, b] = C(!1), v = () => {
+    n(!0), i("");
+  }, f = () => {
+    n(!1), i("");
+  }, g = async () => {
+    const r = a().trim();
+    if (r) {
+      b(!0);
       try {
-        await e.onCreateFolder(e.parentPath(), i), o(!1), n("");
+        await e.onCreateFolder(e.parentPath(), r), n(!1), i("");
       } finally {
-        x(!1);
+        b(!1);
       }
     }
-  }, b = (i) => {
-    i.key === "Enter" ? (i.preventDefault(), f()) : i.key === "Escape" && (i.preventDefault(), m());
+  }, x = (r) => {
+    r.key === "Enter" ? (r.preventDefault(), g()) : r.key === "Escape" && (r.preventDefault(), f());
   };
-  return c(p, {
+  return d(F, {
     get when() {
-      return r();
+      return l();
     },
     get fallback() {
       return (() => {
-        var i = ae(), w = i.firstChild;
-        return i.$$click = g, u(i, c(le, {
+        var r = ce(), w = r.firstChild;
+        return r.$$click = v, h(r, d(oe, {
           class: "w-3.5 h-3.5"
-        }), w), T(() => _(i, I("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), i;
+        }), w), T(() => _(r, I("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), r;
       })();
     },
     get children() {
       return [(() => {
-        var i = O(), w = i.firstChild;
-        return u(w, c(j, {
+        var r = O(), w = r.firstChild;
+        return h(w, d(H, {
           size: "sm",
           get value() {
-            return l();
+            return a();
           },
-          onInput: (a) => n(a.currentTarget.value),
-          onKeyDown: b,
+          onInput: (c) => i(c.currentTarget.value),
+          onKeyDown: x,
           placeholder: "Folder name",
           get disabled() {
-            return d();
+            return o();
           },
           autofocus: !0
-        })), u(i, c(N, {
+        })), h(r, d(z, {
           variant: "primary",
           size: "sm",
-          onClick: f,
+          onClick: g,
           get loading() {
-            return d();
+            return o();
           },
           get disabled() {
-            return !l().trim();
+            return !a().trim();
           },
           get children() {
-            return c(ne, {
+            return d(re, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), u(i, c(N, {
+        }), null), h(r, d(z, {
           variant: "ghost",
           size: "sm",
-          onClick: m,
+          onClick: f,
           get disabled() {
-            return d();
+            return o();
           },
           get children() {
-            return c(re, {
+            return d(le, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), i;
+        }), null), r;
       })(), (() => {
-        var i = ie();
-        return i.firstChild, u(i, (() => {
-          var w = z(() => !!e.toDisplayPath);
+        var r = ae();
+        return r.firstChild, h(r, (() => {
+          var w = B(() => !!e.toDisplayPath);
           return () => w() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), i;
+        })(), null), r;
       })()];
     }
   });
 }
-function Ce(e) {
+function _e(e) {
   return (() => {
-    var r = O(), o = r.firstChild;
-    return u(o, c(j, {
+    var l = O(), n = l.firstChild;
+    return h(n, d(H, {
       size: "sm",
       get value() {
         return e.value();
       },
-      onInput: (l) => e.onInput(l.currentTarget.value),
+      onInput: (a) => e.onInput(a.currentTarget.value),
       get onKeyDown() {
         return e.onKeyDown;
       },
@@ -222,50 +227,51 @@ function Ce(e) {
       get error() {
         return e.error();
       }
-    })), u(r, c(N, {
+    })), h(l, d(z, {
       variant: "outline",
       size: "sm",
       get onClick() {
         return e.onGo;
       },
       children: "Go"
-    }), null), r;
+    }), null), l;
   })();
 }
-function _e(e) {
+function Ie(e) {
   return (() => {
-    var r = ce();
-    return u(r, c(R, {
+    var l = se();
+    return h(l, d(N, {
       get each() {
         return e.segments();
       },
-      children: (o, l) => [c(p, {
+      children: (n, a) => [d(F, {
         get when() {
-          return l() > 0;
+          return a() > 0;
         },
         get children() {
-          return c(M, {
+          return d(M, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var n = V();
-        return n.$$click = () => e.onClick(o.path), u(n, () => o.name), T(() => _(n, I("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", l() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), n;
+        var i = V();
+        return i.$$click = () => e.onClick(n.path), h(i, () => n.name), T(() => _(i, I("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", a() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
       })()]
-    })), r;
+    })), l;
   })();
 }
-function Ie(e) {
+function Fe(e) {
+  const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
   return (() => {
-    var r = ue(), o = r.firstChild, l = o.firstChild;
-    return o.$$click = () => e.onSelectRoot(), u(o, c(W, {
+    var n = de(), a = n.firstChild, i = a.firstChild;
+    return a.$$click = () => e.onSelectRoot(), h(a, d(W, {
       class: "w-4 h-4 flex-shrink-0"
-    }), l), u(l, () => e.homeLabel ?? "Root"), u(r, c(R, {
+    }), i), h(i, l), h(n, d(N, {
       get each() {
         return e.rootFolders();
       },
-      children: (n) => c(X, {
-        item: n,
+      children: (o) => d(X, {
+        item: o,
         depth: 1,
         get selectedPath() {
           return e.selectedPath;
@@ -283,80 +289,80 @@ function Ie(e) {
           return e.isSelectable;
         }
       })
-    }), null), u(r, c(p, {
+    }), null), h(n, d(F, {
       get when() {
         return e.rootFolders().length === 0;
       },
       get children() {
-        var n = se();
-        return u(n, () => e.emptyText ?? "No directories available"), n;
+        var o = ue();
+        return h(o, () => e.emptyText ?? "No directories available"), o;
       }
-    }), null), T((n) => {
-      var d = I("border border-border rounded overflow-y-auto", e.class), x = e.style, g = I("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
-      return d !== n.e && _(r, n.e = d), n.t = Z(r, x, n.t), g !== n.a && _(o, n.a = g), n;
+    }), null), T((o) => {
+      var b = I("border border-border rounded overflow-y-auto", e.class), v = e.style, f = I("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
+      return b !== o.e && _(n, o.e = b), o.t = ee(n, v, o.t), f !== o.a && _(a, o.a = f), o;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), r;
+    }), n;
   })();
 }
 function X(e) {
-  const r = () => e.expandedPaths().has(e.item.path), o = () => e.selectedPath() === e.item.path, l = () => e.isSelectable(e.item), n = E(() => {
-    var m;
-    return ((m = e.item.children) == null ? void 0 : m.filter((f) => f.type === "folder")) ?? [];
-  }), d = () => n().length > 0, x = (m) => {
-    m.stopPropagation(), e.onToggle(e.item.path);
-  }, g = () => {
+  const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, a = () => e.isSelectable(e.item), i = E(() => {
+    var f;
+    return ((f = e.item.children) == null ? void 0 : f.filter((g) => g.type === "folder")) ?? [];
+  }), o = () => i().length > 0, b = (f) => {
+    f.stopPropagation(), e.onToggle(e.item.path);
+  }, v = () => {
     e.onSelect(e.item);
   };
   return (() => {
-    var m = he(), f = m.firstChild, b = f.firstChild, i = b.firstChild, w = i.nextSibling;
-    return u(f, c(p, {
+    var f = fe(), g = f.firstChild, x = g.firstChild, r = x.firstChild, w = r.nextSibling;
+    return h(g, d(F, {
       get when() {
-        return d();
+        return o();
       },
       get fallback() {
-        return fe();
+        return ge();
       },
       get children() {
-        var a = V();
-        return a.$$click = x, u(a, c(M, {
+        var c = V();
+        return c.$$click = b, h(c, d(M, {
           class: "w-3 h-3 opacity-60"
-        })), T((v) => {
-          var k = I("flex-shrink-0 w-4 h-4 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-ring"), y = r() ? "Collapse folder" : "Expand folder";
-          return k !== v.e && _(a, v.e = k), y !== v.t && ee(a, "aria-label", v.t = y), v;
+        })), T((m) => {
+          var k = I("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), y = l() ? "Collapse folder" : "Expand folder";
+          return k !== m.e && _(c, m.e = k), y !== m.t && te(c, "aria-label", m.t = y), m;
         }, {
           e: void 0,
           t: void 0
-        }), a;
+        }), c;
       }
-    }), b), b.$$click = g, u(i, c(p, {
+    }), x), x.$$click = v, h(r, d(F, {
       get when() {
-        return z(() => !!d())() && r();
+        return B(() => !!o())() && l();
       },
       get fallback() {
-        return c(oe, {
+        return d(ie, {
           class: "w-4 h-4"
         });
       },
       get children() {
-        return c(W, {
+        return d(W, {
           class: "w-4 h-4"
         });
       }
-    })), u(w, () => e.item.name), u(m, c(p, {
+    })), h(w, () => e.item.name), h(f, d(F, {
       get when() {
-        return z(() => !!r())() && d();
+        return B(() => !!l())() && o();
       },
       get children() {
-        var a = de();
-        return u(a, c(R, {
+        var c = he();
+        return h(c, d(N, {
           get each() {
-            return n();
+            return i();
           },
-          children: (v) => c(X, {
-            item: v,
+          children: (m) => d(X, {
+            item: m,
             get depth() {
               return e.depth + 1;
             },
@@ -376,28 +382,28 @@ function X(e) {
               return e.isSelectable;
             }
           })
-        })), a;
+        })), c;
       }
-    }), null), T((a) => {
-      var v = I("group flex items-center w-full text-xs", "transition-colors duration-100", l() ? "hover:bg-accent/60" : "opacity-50", o() && l() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, y = !l(), F = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", l() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return v !== a.e && _(f, a.e = v), k !== a.t && te(f, "padding-left", a.t = k), y !== a.a && (b.disabled = a.a = y), F !== a.o && _(b, a.o = F), a;
+    }), null), T((c) => {
+      var m = I("group flex items-center w-full text-xs", "transition-colors duration-100", a() ? "hover:bg-accent/60" : "opacity-50", n() && a() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, y = !a(), p = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", a() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return m !== c.e && _(g, c.e = m), k !== c.t && ne(g, "padding-left", c.t = k), y !== c.a && (x.disabled = c.a = y), p !== c.o && _(x, c.o = p), c;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), m;
+    }), f;
   })();
 }
-Y(["click"]);
+Z(["click"]);
 export {
-  Se as NewFolderSection,
-  Ce as PathInputBar,
-  _e as PickerBreadcrumb,
-  Ie as PickerFolderTree,
+  Ce as NewFolderSection,
+  _e as PathInputBar,
+  Ie as PickerBreadcrumb,
+  Fe as PickerFolderTree,
   X as PickerTreeNode,
-  G as getAncestorPaths,
+  j as getAncestorPaths,
   S as normalizePath,
-  ge as useFolderIndex,
-  ke as usePickerTree
+  me as useFolderIndex,
+  Se as usePickerTree
 };

package/package.json

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