@floegence/floe-webapp-core 0.86.58 → 0.86.62

package/dist/components/ui/picker/PickerBase.js

@@ -1,28 +1,28 @@
-import { insert as o, createComponent as l, use as H, setAttribute as g, effect as P, className as de, memo as C, spread as te, mergeProps as re, template as f, delegateEvents as ce } from "solid-js/web";
-import { createSignal as E, createEffect as T, on as ae, untrack as ue, createMemo as V, createUniqueId as ge, Show as h, For as N } from "solid-js";
+import { insert as s, createComponent as l, use as H, setAttribute as v, effect as P, className as ce, memo as C, spread as te, mergeProps as re, template as f, delegateEvents as de } from "solid-js/web";
+import { createSignal as E, createEffect as T, on as ae, untrack as ue, createMemo as V, createUniqueId as ve, Show as h, For as N } from "solid-js";
 import { cn as L } from "../../../utils/cn.js";
-import { FileItemIcon as ve } from "../../file-browser/FileIcons.js";
-import { FolderOpen as le, ChevronRight as U } from "../../icons/index.js";
+import { FileItemIcon as ge } from "../../file-browser/FileIcons.js";
+import { FolderOpen as le, ChevronRight as q } from "../../icons/index.js";
 import { Button as z } from "../Button.js";
-import { Input as j } from "../Input.js";
+import { Input as U } from "../Input.js";
 import { PickerDirectoryRow as ie, DirectoryFavoriteButton as fe } from "./DirectoryFavorites.js";
 import { resolveTabNavigationTargetId as he } from "../Tabs.js";
-import { createFilesystemPickerDataSource as be, parsePickerPath as q, defaultPickerCopy as me, PickerNavigationError as we } from "./PickerNavigation.js";
+import { createFilesystemPickerDataSource as be, parsePickerPath as j, defaultPickerCopy as me, PickerNavigationError as we } from "./PickerNavigation.js";
 import { pickerParentPath as Xe } from "./PickerNavigation.js";
-var xe = /* @__PURE__ */ f('<div role=tablist class="mb-1 flex min-w-0 items-center gap-4 border-b border-border">'), ye = /* @__PURE__ */ f('<div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1">'), ke = /* @__PURE__ */ f('<div role=alert class="flex items-center gap-2 text-xs text-error"><span class="min-w-0 flex-1 break-words">'), $e = /* @__PURE__ */ f('<div class="flex items-start gap-2 rounded border border-error/30 bg-error/5 px-2 py-1.5 text-xs"role=alert><span class="min-w-0 flex-1 break-words">'), O = /* @__PURE__ */ f("<div>"), pe = /* @__PURE__ */ f('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex min-w-0 flex-col gap-2">'), Pe = /* @__PURE__ */ f('<div class="flex flex-wrap items-center gap-1">'), _e = /* @__PURE__ */ f("<button type=button role=tab>"), Fe = /* @__PURE__ */ f('<nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs">'), Ce = /* @__PURE__ */ f("<span role=status>"), Ie = /* @__PURE__ */ f('<div class="flex flex-wrap items-center justify-between gap-2 text-xs text-muted-foreground"><label class="flex cursor-pointer items-center gap-1.5"><input type=checkbox class=cursor-pointer>'), Ee = /* @__PURE__ */ f('<button type=button class="max-w-full cursor-pointer truncate rounded px-1 py-0.5 hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring">'), ne = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground"role=status>'), ze = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground">'), Ae = /* @__PURE__ */ f('<button type=button class="flex min-h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-accent/60 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="min-w-0 flex-1 truncate">'), Ve = /* @__PURE__ */ f('<button type=button class="flex min-h-14 min-w-0 flex-1 cursor-pointer items-center gap-3 rounded-md px-2 py-2.5 text-left hover:bg-accent/60 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col gap-0.5"><span class="truncate text-xs font-medium"></span><span class="truncate text-[11px] text-muted-foreground">'), De = /* @__PURE__ */ f('<div class="flex items-center gap-1.5">'), Re = /* @__PURE__ */ f('<p role=alert class="text-xs text-error">');
+var xe = /* @__PURE__ */ f('<div role=tablist class="mb-1 flex min-w-0 items-center gap-4 border-b border-[var(--floe-line)]">'), ye = /* @__PURE__ */ f('<div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1">'), ke = /* @__PURE__ */ f('<div role=alert class="flex items-center gap-2 text-xs text-error"><span class="min-w-0 flex-1 break-words">'), $e = /* @__PURE__ */ f('<div class="flex items-start gap-2 rounded-xs border border-error/30 bg-error/5 px-2 py-1.5 text-xs"role=alert><span class="min-w-0 flex-1 break-words">'), O = /* @__PURE__ */ f("<div>"), pe = /* @__PURE__ */ f('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex min-w-0 flex-col gap-2">'), Pe = /* @__PURE__ */ f('<div class="flex flex-wrap items-center gap-1">'), _e = /* @__PURE__ */ f("<button type=button role=tab>"), Fe = /* @__PURE__ */ f('<nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs">'), Ce = /* @__PURE__ */ f("<span role=status>"), Ie = /* @__PURE__ */ f('<div class="flex flex-wrap items-center justify-between gap-2 text-xs text-[var(--floe-ink-soft)]"><label class="flex cursor-pointer items-center gap-1.5"><input type=checkbox class=cursor-pointer>'), Ee = /* @__PURE__ */ f('<button type=button class="max-w-full cursor-pointer truncate rounded-xs px-1 py-0.5 hover:bg-[var(--floe-state-hover)] focus-visible:ring-1 focus-visible:ring-ring">'), ne = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]"role=status>'), ze = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]">'), Ae = /* @__PURE__ */ f('<button type=button class="flex min-h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="min-w-0 flex-1 truncate">'), Ve = /* @__PURE__ */ f('<button type=button class="flex min-h-14 min-w-0 flex-1 cursor-pointer items-center gap-3 rounded-sm px-2 py-2.5 text-left hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col gap-0.5"><span class="truncate text-xs font-medium"></span><span class="truncate text-caption text-[var(--floe-ink-soft)]">'), De = /* @__PURE__ */ f('<div class="flex items-center gap-1.5">'), Re = /* @__PURE__ */ f('<p role=alert class="text-xs text-error">');
 function W(e) {
   return {
     ...me,
     ...e.copy
   };
 }
-function oe(e, s) {
+function se(e, o) {
   const n = W(e);
-  return s instanceof we ? n[s.kind] : e.formatError?.(s) || (s instanceof Error ? s.message : "") || n.loadFailed;
+  return o instanceof we ? n[o.kind] : e.formatError?.(o) || (o instanceof Error ? o.message : "") || n.loadFailed;
 }
-function Oe(e, s, n, y, _ = () => "browse") {
+function Oe(e, o, n, y, _ = () => "browse") {
   const [m, F] = E("browse"), k = be(() => e, n);
-  return T(ae(() => [s(), e.scopeKey], ([I]) => {
+  return T(ae(() => [o(), e.scopeKey], ([I]) => {
     k.close(), I && (F(_()), e.directoryFavorites?.onRefresh?.(), y?.(), k.open(e.initialPath));
   })), T(() => e.onValidityChange?.(k.valid() && m() === "browse")), {
     ...k,
@@ -31,7 +31,7 @@ function Oe(e, s, n, y, _ = () => "browse") {
   };
 }
 function We(e) {
-  const s = () => W(e), n = ue(() => e.source), y = V(() => n.entries().filter((d) => d.type === "folder")), _ = V(() => n.context()?.roots.filter((d) => !d.hidden) ?? []), m = ge(), [F, k] = E(""), [I, $] = E(""), A = () => n.view() !== "browse", w = () => !!(e.suggestions?.paths.length || e.directoryFavorites), x = V(() => [...new Set((e.directoryFavorites?.paths ?? []).map((d) => q(d)).filter(Boolean))]), D = V(() => n.view() === "suggestions" ? e.suggestions?.paths ?? [] : x().filter((d) => d.toLocaleLowerCase().includes(F().trim().toLocaleLowerCase())));
+  const o = () => W(e), n = ue(() => e.source), y = V(() => n.entries().filter((c) => c.type === "folder")), _ = V(() => n.context()?.roots.filter((c) => !c.hidden) ?? []), m = ve(), [F, k] = E(""), [I, $] = E(""), A = () => n.view() !== "browse", w = () => !!(e.suggestions?.paths.length || e.directoryFavorites), x = V(() => [...new Set((e.directoryFavorites?.paths ?? []).map((c) => j(c)).filter(Boolean))]), D = V(() => n.view() === "suggestions" ? e.suggestions?.paths ?? [] : x().filter((c) => c.toLocaleLowerCase().includes(F().trim().toLocaleLowerCase())));
   T(ae(() => e.scopeKey, () => {
     k(""), $("");
   }));
@@ -42,46 +42,46 @@ function We(e) {
     disabled: e.disabled
   }] : [], ...e.directoryFavorites ? [{
     id: "favorites",
-    label: s().favorites,
+    label: o().favorites,
     disabled: e.disabled
-  }] : [], ..._().map((d) => ({
-    id: `root:${d.id}`,
-    label: d.label,
-    path: d.pathAbs,
-    disabled: e.disabled || d.permissions?.read === !1
+  }] : [], ..._().map((c) => ({
+    id: `root:${c.id}`,
+    label: c.label,
+    path: c.pathAbs,
+    disabled: e.disabled || c.permissions?.read === !1
   }))]), B = () => {
     if (A()) return n.view();
-    const d = q(n.pathInput(), n.context()?.homePathAbs);
-    return `root:${_().filter((i) => d === i.pathAbs || d.startsWith(i.pathAbs.replace(/\/$/, "") + "/")).sort((i, t) => t.pathAbs.length - i.pathAbs.length)[0]?.id ?? n.context()?.defaultRootId ?? _()[0]?.id}`;
-  }, J = /* @__PURE__ */ new Map(), Q = [], X = (d, b, i, t) => {
+    const c = j(n.pathInput(), n.context()?.homePathAbs);
+    return `root:${_().filter((i) => c === i.pathAbs || c.startsWith(i.pathAbs.replace(/\/$/, "") + "/")).sort((i, t) => t.pathAbs.length - i.pathAbs.length)[0]?.id ?? n.context()?.defaultRootId ?? _()[0]?.id}`;
+  }, J = /* @__PURE__ */ new Map(), Q = [], X = (c, b, i, t) => {
     let a;
-    d.key === "ArrowDown" && (a = Math.min(b + 1, t - 1)), d.key === "ArrowUp" && (a = Math.max(0, b - 1)), d.key === "Home" && (a = 0), d.key === "End" && (a = t - 1), a !== void 0 && (d.preventDefault(), d.stopPropagation(), i[a]?.focus(), i[a]?.scrollIntoView?.({
+    c.key === "ArrowDown" && (a = Math.min(b + 1, t - 1)), c.key === "ArrowUp" && (a = Math.max(0, b - 1)), c.key === "Home" && (a = 0), c.key === "End" && (a = t - 1), a !== void 0 && (c.preventDefault(), c.stopPropagation(), i[a]?.focus(), i[a]?.scrollIntoView?.({
       block: "nearest"
     }));
-  }, se = V(() => {
-    const d = n.currentPath();
-    if (!d) return [];
+  }, oe = V(() => {
+    const c = n.currentPath();
+    if (!c) return [];
     let b = "";
     return [{
       path: "/",
-      name: s().root
-    }, ...d.split("/").filter(Boolean).map((i) => (b += `/${i}`, {
+      name: o().root
+    }, ...c.split("/").filter(Boolean).map((i) => (b += `/${i}`, {
       path: b,
       name: i
     }))];
-  }), Y = [], S = (d) => {
-    n.setView("browse"), n.navigate(d), K?.focus();
+  }), Y = [], S = (c) => {
+    n.setView("browse"), n.navigate(c), K?.focus();
   }, Z = () => S(n.pathInput());
   return (() => {
-    var d = pe(), b = d.firstChild;
-    return o(d, l(h, {
+    var c = pe(), b = c.firstChild;
+    return s(c, l(h, {
       get when() {
         return w();
       },
       get fallback() {
         return (() => {
           var i = Pe();
-          return o(i, l(N, {
+          return s(i, l(N, {
             get each() {
               return _();
             },
@@ -104,12 +104,12 @@ function We(e) {
                 return t.label;
               }
             })
-          })), P(() => g(i, "aria-label", s().roots)), i;
+          })), P(() => v(i, "aria-label", o().roots)), i;
         })();
       },
       get children() {
         var i = xe();
-        return o(i, l(N, {
+        return s(i, l(N, {
           get each() {
             return G();
           },
@@ -120,9 +120,9 @@ function We(e) {
               u && (r.preventDefault(), r.stopPropagation(), J.get(u)?.focus());
             }, a.$$click = () => {
               "path" in t ? S(t.path) : (n.setView(t.id), t.id === "favorites" && e.directoryFavorites?.onRefresh?.());
-            }, H((r) => J.set(t.id, r), a), g(a, "aria-controls", m), o(a, () => t.label), P((r) => {
-              var u = `${m}-${t.id}`, v = B() === t.id, p = B() === t.id ? 0 : -1, c = t.disabled, R = "path" in t ? t.path : t.label, M = L("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", B() === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground");
-              return u !== r.e && g(a, "id", r.e = u), v !== r.t && g(a, "aria-selected", r.t = v), p !== r.a && g(a, "tabindex", r.a = p), c !== r.o && (a.disabled = r.o = c), R !== r.i && g(a, "title", r.i = R), M !== r.n && de(a, r.n = M), r;
+            }, H((r) => J.set(t.id, r), a), v(a, "aria-controls", m), s(a, () => t.label), P((r) => {
+              var u = `${m}-${t.id}`, g = B() === t.id, p = B() === t.id ? 0 : -1, d = t.disabled, R = "path" in t ? t.path : t.label, M = L("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", B() === t.id ? "border-primary text-[var(--floe-accent-ink)]" : "border-transparent text-[var(--floe-ink-soft)] hover:text-foreground");
+              return u !== r.e && v(a, "id", r.e = u), g !== r.t && v(a, "aria-selected", r.t = g), p !== r.a && v(a, "tabindex", r.a = p), d !== r.o && (a.disabled = r.o = d), R !== r.i && v(a, "title", r.i = R), M !== r.n && ce(a, r.n = M), r;
             }, {
               e: void 0,
               t: void 0,
@@ -132,22 +132,22 @@ function We(e) {
               n: void 0
             }), a;
           })()
-        })), P(() => g(i, "aria-label", s().roots)), i;
+        })), P(() => v(i, "aria-label", o().roots)), i;
       }
-    }), b), g(b, "id", m), o(b, l(h, {
+    }), b), v(b, "id", m), s(b, l(h, {
       get when() {
         return !A();
       },
       get children() {
         var i = ye(), t = i.firstChild;
-        return o(t, l(j, {
+        return s(t, l(U, {
           ref(a) {
             var r = K;
             typeof r == "function" ? r(a) : K = a;
           },
           size: "sm",
           get "aria-label"() {
-            return s().path;
+            return o().path;
           },
           placeholder: "/",
           get value() {
@@ -160,7 +160,7 @@ function We(e) {
           onKeyDown: (a) => {
             a.key === "Enter" && (a.preventDefault(), a.stopPropagation(), Z());
           }
-        })), o(i, l(z, {
+        })), s(i, l(z, {
           size: "sm",
           variant: "outline",
           onClick: Z,
@@ -168,17 +168,17 @@ function We(e) {
             return e.disabled || !n.context() || !n.pathInput();
           },
           get children() {
-            return s().go;
+            return o().go;
           }
         }), null), i;
       }
-    }), null), o(b, l(h, {
+    }), null), s(b, l(h, {
       get when() {
         return I() || e.directoryFavorites?.error;
       },
       get children() {
         var i = ke(), t = i.firstChild;
-        return o(t, () => I() || e.directoryFavorites?.error), o(i, l(z, {
+        return s(t, () => I() || e.directoryFavorites?.error), s(i, l(z, {
           size: "sm",
           variant: "ghost",
           get disabled() {
@@ -188,17 +188,17 @@ function We(e) {
             $(""), e.directoryFavorites?.onRefresh?.();
           },
           get children() {
-            return s().retry;
+            return o().retry;
           }
         }), null), i;
       }
-    }), null), o(b, l(h, {
+    }), null), s(b, l(h, {
       get when() {
         return C(() => !!n.error())() && !A();
       },
       get children() {
         var i = $e(), t = i.firstChild;
-        return o(t, () => oe(e, n.error())), o(i, l(z, {
+        return s(t, () => se(e, n.error())), s(i, l(z, {
           size: "sm",
           variant: "ghost",
           onClick: () => {
@@ -208,44 +208,44 @@ function We(e) {
             return e.disabled || n.pending();
           },
           get children() {
-            return s().retry;
+            return o().retry;
           }
         }), null), i;
       }
-    }), null), o(b, l(h, {
+    }), null), s(b, l(h, {
       get when() {
         return A();
       },
       get fallback() {
         return [(() => {
           var i = Fe();
-          return o(i, l(N, {
+          return s(i, l(N, {
             get each() {
-              return se();
+              return oe();
             },
             children: (t, a) => [l(h, {
               get when() {
                 return a() > 0;
               },
               get children() {
-                return l(U, {
-                  class: "h-3 w-3 shrink-0 text-muted-foreground"
+                return l(q, {
+                  class: "h-3 w-3 shrink-0 text-[var(--floe-ink-soft)]"
                 });
               }
             }), (() => {
               var r = Ee();
               return r.$$click = () => {
                 n.navigate(t.path);
-              }, o(r, () => t.name), P((u) => {
-                var v = t.path, p = e.disabled, c = t.path === n.currentPath() ? "location" : void 0;
-                return v !== u.e && g(r, "title", u.e = v), p !== u.t && (r.disabled = u.t = p), c !== u.a && g(r, "aria-current", u.a = c), u;
+              }, s(r, () => t.name), P((u) => {
+                var g = t.path, p = e.disabled, d = t.path === n.currentPath() ? "location" : void 0;
+                return g !== u.e && v(r, "title", u.e = g), p !== u.t && (r.disabled = u.t = p), d !== u.a && v(r, "aria-current", u.a = d), u;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
               }), r;
             })()]
-          }), null), o(i, l(h, {
+          }), null), s(i, l(h, {
             get when() {
               return e.directoryFavorites;
             },
@@ -258,7 +258,7 @@ function We(e) {
                   return e.directoryFavorites;
                 },
                 get copy() {
-                  return s();
+                  return o();
                 },
                 get disabled() {
                   return e.disabled || !n.valid();
@@ -266,26 +266,26 @@ function We(e) {
                 onError: $
               });
             }
-          }), null), P(() => g(i, "aria-label", s().currentDirectory)), i;
+          }), null), P(() => v(i, "aria-label", o().currentDirectory)), i;
         })(), (() => {
           var i = O();
           return te(i, re(() => e.scrollViewportProps, {
             get class() {
-              return L("min-h-[120px] overflow-y-auto rounded border border-border", e.scrollViewportProps?.class);
+              return L("min-h-[120px] overflow-y-auto rounded-xs border border-[var(--floe-line)]", e.scrollViewportProps?.class);
             },
             get style() {
               return {
                 "max-height": e.treeMaxHeight ?? "240px"
               };
             }
-          }), !1, !0), o(i, l(h, {
+          }), !1, !0), s(i, l(h, {
             get when() {
               return !n.pending() || n.currentPath();
             },
             get fallback() {
               return (() => {
                 var t = ne();
-                return o(t, () => s().loading), t;
+                return s(t, () => o().loading), t;
               })();
             },
             get children() {
@@ -300,7 +300,7 @@ function We(e) {
                     },
                     get children() {
                       var t = ze();
-                      return o(t, () => s().empty), t;
+                      return s(t, () => o().empty), t;
                     }
                   });
                 },
@@ -317,7 +317,7 @@ function We(e) {
                         return e.directoryFavorites;
                       },
                       get copy() {
-                        return s();
+                        return o();
                       },
                       get scopeKey() {
                         return e.scopeKey;
@@ -328,21 +328,21 @@ function We(e) {
                       onError: $,
                       get children() {
                         var r = Ae(), u = r.firstChild;
-                        return r.$$keydown = (v) => X(v, a(), Y, y().length), r.$$click = () => {
+                        return r.$$keydown = (g) => X(g, a(), Y, y().length), r.$$click = () => {
                           n.navigate(t.path);
-                        }, H((v) => {
+                        }, H((g) => {
                           T(() => {
-                            Y[a()] = v;
+                            Y[a()] = g;
                           });
-                        }, r), o(r, l(ve, {
+                        }, r), s(r, l(ge, {
                           item: t,
                           size: 16,
                           class: "h-4 w-4 shrink-0"
-                        }), u), o(u, () => t.name), o(r, l(U, {
-                          class: "h-3 w-3 shrink-0 text-muted-foreground"
-                        }), null), P((v) => {
-                          var p = t.path, c = e.disabled || e.filter?.(t) === !1;
-                          return p !== v.e && g(r, "data-picker-row-path", v.e = p), c !== v.t && (r.disabled = v.t = c), v;
+                        }), u), s(u, () => t.name), s(r, l(q, {
+                          class: "h-3 w-3 shrink-0 text-[var(--floe-ink-soft)]"
+                        }), null), P((g) => {
+                          var p = t.path, d = e.disabled || e.filter?.(t) === !1;
+                          return p !== g.e && v(r, "data-picker-row-path", g.e = p), d !== g.t && (r.disabled = g.t = d), g;
                         }, {
                           e: void 0,
                           t: void 0
@@ -358,13 +358,13 @@ function We(e) {
           var i = Ie(), t = i.firstChild, a = t.firstChild;
           return a.addEventListener("change", (r) => {
             n.setShowHidden(r.currentTarget.checked);
-          }), o(t, () => s().showHidden, null), o(i, l(h, {
+          }), s(t, () => o().showHidden, null), s(i, l(h, {
             get when() {
               return C(() => !!n.pending())() && n.currentPath();
             },
             get children() {
               var r = Ce();
-              return o(r, () => s().loading), r;
+              return s(r, () => o().loading), r;
             }
           }), null), P(() => a.disabled = e.disabled || !n.context()), P(() => a.checked = n.showHidden()), i;
         })(), l(h, {
@@ -382,13 +382,13 @@ function We(e) {
             return n.view() === "favorites";
           },
           get children() {
-            return l(j, {
+            return l(U, {
               size: "sm",
               get "aria-label"() {
-                return s().favoritesFilter;
+                return o().favoritesFilter;
               },
               get placeholder() {
-                return s().favoritesFilter;
+                return o().favoritesFilter;
               },
               get value() {
                 return F();
@@ -406,7 +406,7 @@ function We(e) {
               return n.view() === "favorites" ? "" : void 0;
             },
             get "aria-label"() {
-              return C(() => n.view() === "favorites")() ? s().favorites : e.suggestions?.label;
+              return C(() => n.view() === "favorites")() ? o().favorites : e.suggestions?.label;
             },
             get "aria-busy"() {
               return C(() => n.view() === "favorites")() && e.directoryFavorites?.loading;
@@ -419,16 +419,16 @@ function We(e) {
                 "max-height": e.treeMaxHeight ?? "240px"
               };
             }
-          }), !1, !0), o(i, l(h, {
+          }), !1, !0), s(i, l(h, {
             get when() {
               return D().length;
             },
             get fallback() {
               return (() => {
                 var t = ne();
-                return o(t, (() => {
+                return s(t, (() => {
                   var a = C(() => !!e.directoryFavorites?.loading);
-                  return () => a() ? s().loading : C(() => !!e.directoryFavorites?.error)() ? s().favoritesLoadFailed : C(() => !!F().trim())() ? s().favoritesNoMatches : s().favoritesEmpty;
+                  return () => a() ? o().loading : C(() => !!e.directoryFavorites?.error)() ? o().favoritesLoadFailed : C(() => !!F().trim())() ? o().favoritesNoMatches : o().favoritesEmpty;
                 })()), t;
               })();
             },
@@ -443,7 +443,7 @@ function We(e) {
                     return e.directoryFavorites;
                   },
                   get copy() {
-                    return s();
+                    return o();
                   },
                   get scopeKey() {
                     return e.scopeKey;
@@ -453,20 +453,20 @@ function We(e) {
                   },
                   onError: $,
                   get children() {
-                    var r = Ve(), u = r.firstChild, v = u.firstChild, p = v.nextSibling;
-                    return r.$$keydown = (c) => X(c, a(), Q, D().length), r.$$click = () => {
+                    var r = Ve(), u = r.firstChild, g = u.firstChild, p = g.nextSibling;
+                    return r.$$keydown = (d) => X(d, a(), Q, D().length), r.$$click = () => {
                       S(t);
-                    }, H((c) => {
+                    }, H((d) => {
                       T(() => {
-                        Q[a()] = c;
+                        Q[a()] = d;
                       });
-                    }, r), g(r, "title", t), g(r, "aria-label", t), o(r, l(le, {
-                      class: "h-4 w-4 shrink-0 text-muted-foreground"
-                    }), u), o(v, () => t.split("/").filter(Boolean).at(-1) ?? s().root), o(p, t), o(r, l(U, {
-                      class: "h-3 w-3 shrink-0 text-muted-foreground/60"
-                    }), null), P((c) => {
+                    }, r), v(r, "title", t), v(r, "aria-label", t), s(r, l(le, {
+                      class: "h-4 w-4 shrink-0 text-[var(--floe-ink-soft)]"
+                    }), u), s(g, () => t.split("/").filter(Boolean).at(-1) ?? o().root), s(p, t), s(r, l(q, {
+                      class: "h-3 w-3 shrink-0 text-[var(--floe-ink-quiet)]"
+                    }), null), P((d) => {
                       var R = n.view() === "suggestions" ? t : void 0, M = n.view() === "favorites" ? t : void 0, ee = e.disabled || !n.context();
-                      return R !== c.e && g(r, "data-picker-suggested-path", c.e = R), M !== c.t && g(r, "data-picker-favorite-path", c.t = M), ee !== c.a && (r.disabled = c.a = ee), c;
+                      return R !== d.e && v(r, "data-picker-suggested-path", d.e = R), M !== d.t && v(r, "data-picker-favorite-path", d.t = M), ee !== d.a && (r.disabled = d.a = ee), d;
                     }, {
                       e: void 0,
                       t: void 0,
@@ -481,16 +481,16 @@ function We(e) {
       }
     }), null), P((i) => {
       var t = n.pending(), a = w() ? "tabpanel" : void 0, r = w() ? `${m}-${B()}` : void 0;
-      return t !== i.e && g(d, "aria-busy", i.e = t), a !== i.t && g(b, "role", i.t = a), r !== i.a && g(b, "aria-labelledby", i.a = r), i;
+      return t !== i.e && v(c, "aria-busy", i.e = t), a !== i.t && v(b, "role", i.t = a), r !== i.a && v(b, "aria-labelledby", i.a = r), i;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), d;
+    }), c;
   })();
 }
 function Me(e) {
-  const [s, n] = E(!1), [y, _] = E(""), [m, F] = E(!1), [k, I] = E(null), $ = () => W(e), A = async () => {
+  const [o, n] = E(!1), [y, _] = E(""), [m, F] = E(!1), [k, I] = E(null), $ = () => W(e), A = async () => {
     if (!y().trim() || !e.source.valid() || !e.onCreateFolder || m()) return;
     const w = e.source.currentPath();
     F(!0), I(null);
@@ -504,9 +504,9 @@ function Me(e) {
   };
   return (() => {
     var w = O();
-    return o(w, l(h, {
+    return s(w, l(h, {
       get when() {
-        return s();
+        return o();
       },
       get fallback() {
         return l(z, {
@@ -525,7 +525,7 @@ function Me(e) {
       },
       get children() {
         var x = De();
-        return o(x, l(j, {
+        return s(x, l(U, {
           size: "sm",
           get "aria-label"() {
             return $().folderName;
@@ -537,7 +537,7 @@ function Me(e) {
           get disabled() {
             return e.disabled || m();
           }
-        }), null), o(x, l(z, {
+        }), null), s(x, l(z, {
           size: "sm",
           get disabled() {
             return e.disabled || m() || !y().trim() || !e.source.valid();
@@ -548,7 +548,7 @@ function Me(e) {
           get children() {
             return $().create;
           }
-        }), null), o(x, l(z, {
+        }), null), s(x, l(z, {
           size: "sm",
           variant: "ghost-destructive",
           get disabled() {
@@ -560,24 +560,24 @@ function Me(e) {
           }
         }), null), x;
       }
-    }), null), o(w, l(h, {
+    }), null), s(w, l(h, {
       get when() {
         return k();
       },
       get children() {
         var x = Re();
-        return o(x, () => oe(e, k())), x;
+        return s(x, () => se(e, k())), x;
       }
     }), null), w;
   })();
 }
-const Ge = q;
-ce(["click", "keydown"]);
+const Ge = j;
+de(["click", "keydown"]);
 export {
   We as PickerPanel,
   Xe as getParentPath,
   Ge as normalizePath,
   W as pickerCopy,
-  oe as pickerErrorMessage,
+  se as pickerErrorMessage,
   Oe as usePickerNavigation
 };

package/dist/context/NotificationContext.js

@@ -97,8 +97,8 @@ function R(i) {
     error: () => A()
   }, s = () => i.notification.type === "error" || i.notification.type === "warning" ? "alert" : "status", f = () => s() === "alert" ? "assertive" : "polite";
   return (() => {
-    var t = z(), e = t.firstChild, l = e.firstChild, r = l.nextSibling, p = r.firstChild, b = r.nextSibling;
-    return u(l, () => n[i.notification.type]()), u(p, () => i.notification.title), u(r, d(x, {
+    var t = z(), e = t.firstChild, l = e.firstChild, r = l.nextSibling, b = r.firstChild, p = r.nextSibling;
+    return u(l, () => n[i.notification.type]()), u(b, () => i.notification.title), u(r, d(x, {
       get when() {
         return i.notification.message;
       },
@@ -114,8 +114,8 @@ function R(i) {
         var o = j();
         return o.$$click = () => i.notification.action?.onClick(), u(o, () => i.notification.action.label), o;
       }
-    }), null), b.$$click = () => i.onDismiss(), k((o) => {
-      var m = N("animate-in slide-in-from-right fade-in duration-200", "rounded-lg border border-border border-l-[3px] p-3.5", "shadow-md", "bg-card text-card-foreground", a[i.notification.type]), v = s(), g = f();
+    }), null), p.$$click = () => i.onDismiss(), k((o) => {
+      var m = N("animate-in slide-in-from-right fade-in duration-[var(--floe-duration-base)]", "rounded-control border border-border border-l-[3px] p-3.5", "shadow-md", "bg-card text-card-foreground", a[i.notification.type]), v = s(), g = f();
       return m !== o.e && $(t, o.e = m), v !== o.t && h(t, "role", o.t = v), g !== o.a && h(t, "aria-live", o.a = g), o;
     }, {
       e: void 0,