@floegence/floe-webapp-core 0.86.64 → 0.86.67

package/dist/components/ui/DirectoryPicker.js

@@ -1,8 +1,8 @@
 import { createComponent as n, mergeProps as s, insert as i, effect as g, setAttribute as u, template as m } from "solid-js/web";
 import { createMemo as f } from "solid-js";
-import { cn as d } from "../../utils/cn.js";
+import { cn as h } from "../../utils/cn.js";
 import { Button as o } from "./Button.js";
-import { Dialog as h } from "./Dialog.js";
+import { Dialog as d } from "./Dialog.js";
 import { usePickerNavigation as v, PickerPanel as P, pickerCopy as b } from "./picker/PickerBase.js";
 import { parsePickerPath as w } from "./picker/PickerNavigation.js";
 var C = /* @__PURE__ */ m('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)]">');
@@ -12,7 +12,8 @@ function $(e) {
     const r = t.currentPath();
     e.onSelect(r), e.onOpenChange(!1);
   };
-  return n(h, {
+  return n(d, {
+    escapeKeyPhase: "bubble",
     get open() {
       return e.open;
     },
@@ -23,7 +24,7 @@ function $(e) {
       return e.title ?? "Select Directory";
     },
     get class() {
-      return d("max-w-lg", e.class);
+      return h("max-w-lg", e.class);
     },
     get footer() {
       return (() => {

package/dist/components/ui/FileOpenPicker.js

@@ -1,34 +1,34 @@
-import { createComponent as a, insert as c, mergeProps as z, spread as K, use as L, effect as j, setAttribute as M, className as V, memo as H, template as v, delegateEvents as R } from "solid-js/web";
-import { createSignal as U, mergeProps as Y, createMemo as q, Show as b, For as G } from "solid-js";
+import { createComponent as a, insert as c, mergeProps as z, spread as E, use as L, effect as j, setAttribute as M, className as V, memo as H, template as v, delegateEvents as R } from "solid-js/web";
+import { createSignal as U, mergeProps as Y, createMemo as q, Show as w, For as G } from "solid-js";
 import { cn as N } from "../../utils/cn.js";
 import { deferNonBlocking as J } from "../../utils/defer.js";
 import { Check as Q } from "../icons/index.js";
 import { FileItemIcon as W } from "../file-browser/FileIcons.js";
 import { Button as D } from "./Button.js";
 import { Dialog as X } from "./Dialog.js";
-import { usePickerNavigation as Z, PickerPanel as ee, normalizePath as k, pickerCopy as w } from "./picker/PickerBase.js";
+import { usePickerNavigation as Z, PickerPanel as ee, normalizePath as y, pickerCopy as b } from "./picker/PickerBase.js";
 import { pickerParentPath as te } from "./picker/PickerNavigation.js";
 var ne = /* @__PURE__ */ v('<div class="flex min-h-[140px] overflow-hidden rounded-xs border border-[var(--floe-line)]"><div>'), ie = /* @__PURE__ */ v('<div class="flex flex-col gap-2 -mt-1">'), le = /* @__PURE__ */ v('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)] truncate">'), re = /* @__PURE__ */ v('<div class="flex h-full items-center justify-center px-4 text-center text-[length:var(--floe-type-supporting)] text-[var(--floe-ink-soft)]">'), oe = /* @__PURE__ */ v('<span class="ml-auto flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-caption text-primary-foreground">'), ae = /* @__PURE__ */ v("<button type=button role=option><span class=truncate>");
 function ce(e, s) {
-  const u = y(s), d = /* @__PURE__ */ new Set(), f = [];
+  const u = k(s), d = /* @__PURE__ */ new Set(), f = [];
   for (const h of e ?? []) {
-    const i = k(h);
+    const i = y(h);
     if (!(i === "/" || d.has(i)) && (d.add(i), f.push(i), f.length >= u))
       break;
   }
   return f;
 }
 function se(e, s, u, d) {
-  const f = k(s);
+  const f = y(s);
   if (f === "/") return [...e];
   if (u === "single") return [f];
   const h = e.indexOf(f);
-  return h >= 0 ? e.filter((i, g) => g !== h) : e.length >= y(d) ? [...e] : [...e, f];
+  return h >= 0 ? e.filter((i, g) => g !== h) : e.length >= k(d) ? [...e] : [...e, f];
 }
-function y(e) {
+function k(e) {
   return e == null || !Number.isFinite(e) ? Number.POSITIVE_INFINITY : Math.max(1, Math.floor(e));
 }
-function ke(e) {
+function ye(e) {
   const s = () => e.selectionMode ?? "single", [u, d] = U([]), f = () => {
     if (e.initialPath) return e.initialPath;
     const t = e.initialSelectedPaths?.[0];
@@ -42,17 +42,18 @@ function ke(e) {
     }
   }), i = Z(h, () => e.open, void 0, () => {
     d(ce(e.initialSelectedPaths, s() === "single" ? 1 : e.maxSelections));
-  }), g = q(() => i.entries().filter((t) => t.type === "file" && (!e.fileFilter || e.fileFilter(t)))), T = (t) => u().indexOf(k(t)), A = () => s() === "multiple" && u().length >= y(e.maxSelections), B = (t) => {
+  }), g = q(() => i.entries().filter((t) => t.type === "file" && (!e.fileFilter || e.fileFilter(t)))), T = (t) => u().indexOf(y(t)), K = () => s() === "multiple" && u().length >= k(e.maxSelections), A = (t) => {
     d((o) => se(o, t.path, s(), e.maxSelections));
   }, P = (t = u()) => {
     if (e.disabled || t.length === 0 || i.view() !== "browse" || !i.valid()) return;
     const o = e.onSelect;
     e.onOpenChange(!1), J(() => o([...t]));
-  }, E = (t, o) => {
+  }, B = (t, o) => {
     let l;
     t.key === "ArrowDown" && (l = Math.min(o + 1, g().length - 1)), t.key === "ArrowUp" && (l = Math.max(o - 1, 0)), t.key === "Home" && (l = 0), t.key === "End" && (l = g().length - 1), !(l == null || l < 0) && (t.preventDefault(), $[l]?.focus());
   }, $ = [];
   return a(X, {
+    escapeKeyPhase: "bubble",
     get open() {
       return e.open;
     },
@@ -70,13 +71,13 @@ function ke(e) {
         var t = le(), o = t.firstChild;
         return c(o, (() => {
           var l = H(() => u().length === 0);
-          return () => l() ? w(e).noFilesSelected : w(e).selectedCount(u().length);
+          return () => l() ? b(e).noFilesSelected : b(e).selectedCount(u().length);
         })()), c(t, a(D, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? w(e).cancel;
+            return e.cancelText ?? b(e).cancel;
           }
         }), null), c(t, a(D, {
           variant: "primary",
@@ -95,26 +96,26 @@ function ke(e) {
       var t = ie();
       return c(t, a(ee, z(e, {
         source: i
-      })), null), c(t, a(b, {
+      })), null), c(t, a(w, {
         get when() {
           return i.view() === "browse";
         },
         get children() {
           var o = ne(), l = o.firstChild;
-          return K(l, z(() => e.scrollViewportProps, {
+          return E(l, z(() => e.scrollViewportProps, {
             class: "max-h-[200px] min-h-[140px] min-w-0 flex-1 overflow-y-auto",
             role: "listbox",
             get "aria-multiselectable"() {
               return s() === "multiple" ? "true" : void 0;
             }
-          }), !1, !0), c(l, a(b, {
+          }), !1, !0), c(l, a(w, {
             get when() {
               return g().length > 0;
             },
             get fallback() {
               return (() => {
                 var m = re();
-                return c(m, () => e.emptyText ?? w(e).emptyFiles), m;
+                return c(m, () => e.emptyText ?? b(e).emptyFiles), m;
               })();
             },
             get children() {
@@ -123,24 +124,24 @@ function ke(e) {
                   return g();
                 },
                 children: (m, S) => {
-                  const x = () => T(m.path), F = () => A() && x() < 0;
+                  const x = () => T(m.path), F = () => K() && x() < 0;
                   return (() => {
                     var r = ae(), _ = r.firstChild;
-                    return r.$$keydown = (n) => E(n, S()), r.$$dblclick = () => {
-                      s() === "single" && P([k(m.path)]);
-                    }, r.$$click = () => B(m), L((n) => {
+                    return r.$$keydown = (n) => B(n, S()), r.$$dblclick = () => {
+                      s() === "single" && P([y(m.path)]);
+                    }, r.$$click = () => A(m), L((n) => {
                       $[S()] = n;
                     }, r), c(r, a(W, {
                       item: m,
                       size: 16,
                       class: "w-4 h-4 flex-shrink-0"
-                    }), _), c(_, () => m.name), c(r, a(b, {
+                    }), _), c(_, () => m.name), c(r, a(w, {
                       get when() {
                         return x() >= 0;
                       },
                       get children() {
                         var n = oe();
-                        return c(n, a(b, {
+                        return c(n, a(w, {
                           get when() {
                             return s() === "multiple";
                           },
@@ -155,8 +156,8 @@ function ke(e) {
                         })), n;
                       }
                     }), null), j((n) => {
-                      var C = x() >= 0, p = F(), I = F() ? w(e).selectionLimit : m.name, O = N("flex min-h-9 w-full cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs", "transition-colors duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)] hover:bg-[var(--floe-state-hover)]", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-45", x() >= 0 && "bg-[var(--floe-state-selected)] text-foreground font-medium");
-                      return C !== n.e && M(r, "aria-selected", n.e = C), p !== n.t && (r.disabled = n.t = p), I !== n.a && M(r, "title", n.a = I), O !== n.o && V(r, n.o = O), n;
+                      var p = x() >= 0, C = F(), I = F() ? b(e).selectionLimit : m.name, O = N("flex min-h-9 w-full cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs", "transition-colors duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)] hover:bg-[var(--floe-state-hover)]", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-45", x() >= 0 && "bg-[var(--floe-state-selected)] text-foreground font-medium");
+                      return p !== n.e && M(r, "aria-selected", n.e = p), C !== n.t && (r.disabled = n.t = C), I !== n.a && M(r, "title", n.a = I), O !== n.o && V(r, n.o = O), n;
                     }, {
                       e: void 0,
                       t: void 0,
@@ -175,7 +176,7 @@ function ke(e) {
 }
 R(["click", "dblclick", "keydown"]);
 export {
-  ke as FileOpenPicker,
+  ye as FileOpenPicker,
   ce as normalizeFileOpenSelection,
   se as updateFileOpenSelection
 };

package/dist/components/ui/FileSavePicker.js

@@ -1,6 +1,6 @@
-import { createComponent as a, insert as n, mergeProps as p, spread as z, effect as k, className as B, setAttribute as E, template as f, delegateEvents as D } from "solid-js/web";
-import { createSignal as _, createMemo as F, createEffect as I, on as O, Show as h, For as K } from "solid-js";
-import { cn as b } from "../../utils/cn.js";
+import { createComponent as a, insert as n, mergeProps as w, spread as z, effect as b, className as B, setAttribute as E, template as f, delegateEvents as D } from "solid-js/web";
+import { createSignal as k, createMemo as _, createEffect as I, on as K, Show as h, For as O } from "solid-js";
+import { cn as F } from "../../utils/cn.js";
 import { Dialog as T } from "./Dialog.js";
 import { Button as C } from "./Button.js";
 import { Input as M } from "./Input.js";
@@ -9,17 +9,17 @@ import { deferNonBlocking as q } from "../../utils/defer.js";
 import { usePickerNavigation as A, PickerPanel as R, pickerCopy as d } from "./picker/PickerBase.js";
 var V = /* @__PURE__ */ f('<div class="flex min-h-[100px] overflow-hidden rounded-xs border border-[var(--floe-line)]"><div>'), G = /* @__PURE__ */ f('<div class="flex flex-col gap-2 -mt-1">'), H = /* @__PURE__ */ f('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-[length:var(--floe-type-supporting)] text-[var(--floe-ink-soft)] flex-shrink-0"></label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)] truncate">'), J = /* @__PURE__ */ f('<div class="flex items-center justify-center h-full text-[length:var(--floe-type-supporting)] text-[var(--floe-ink-soft)]">'), L = /* @__PURE__ */ f('<span class="ml-auto text-[length:var(--floe-type-caption)] text-[var(--floe-ink-ghost)] flex-shrink-0">'), Q = /* @__PURE__ */ f("<button type=button><span class=truncate>");
 function ie(e) {
-  const [s, g] = _(e.initialFileName ?? ""), [N, u] = _(""), o = A(e, () => e.open, void 0, () => {
+  const [c, g] = k(e.initialFileName ?? ""), [N, u] = k(""), o = A(e, () => e.open, void 0, () => {
     g(e.initialFileName ?? ""), u("");
-  }), x = F(() => o.entries().filter((t) => t.type === "file"));
-  I(O(s, () => {
+  }), x = _(() => o.entries().filter((t) => t.type === "file"));
+  I(K(c, () => {
     u("");
   }));
   const y = (t) => {
     g(t.name), u("");
   }, $ = () => {
     if (e.disabled || o.view() !== "browse" || !o.valid()) return;
-    const t = s().trim();
+    const t = c().trim();
     if (!t) {
       u(d(e).fileNameRequired);
       return;
@@ -31,17 +31,18 @@ function ie(e) {
         return;
       }
     }
-    const l = o.currentPath(), c = e.onSave;
-    e.onOpenChange(!1), q(() => c(l, t));
-  }, S = () => {
+    const l = o.currentPath(), s = e.onSave;
+    e.onOpenChange(!1), q(() => s(l, t));
+  }, P = () => {
     e.onOpenChange(!1);
-  }, P = (t) => {
+  }, S = (t) => {
     t.key === "Enter" && (t.preventDefault(), $());
-  }, w = F(() => {
-    const t = o.currentPath(), l = s().trim();
+  }, p = _(() => {
+    const t = o.currentPath(), l = c().trim();
     return l ? t === "/" ? `/${l}` : `${t}/${l}` : t;
   });
   return a(T, {
+    escapeKeyPhase: "bubble",
     get open() {
       return e.open;
     },
@@ -52,26 +53,26 @@ function ie(e) {
       return e.title ?? "Save File";
     },
     get class() {
-      return b("max-w-2xl", e.class);
+      return F("max-w-2xl", e.class);
     },
     get footer() {
       return (() => {
-        var t = H(), l = t.firstChild, c = l.firstChild, r = c.nextSibling, i = l.nextSibling, m = i.firstChild;
-        return n(c, () => d(e).fileName), n(r, a(M, {
+        var t = H(), l = t.firstChild, s = l.firstChild, r = s.nextSibling, i = l.nextSibling, m = i.firstChild;
+        return n(s, () => d(e).fileName), n(r, a(M, {
           size: "sm",
           get value() {
-            return s();
+            return c();
           },
           onInput: (v) => g(v.currentTarget.value),
-          onKeyDown: P,
+          onKeyDown: S,
           placeholder: "filename.ext",
           get error() {
             return N();
           }
-        })), n(m, w), n(i, a(C, {
+        })), n(m, p), n(i, a(C, {
           variant: "ghost",
           size: "sm",
-          onClick: S,
+          onClick: P,
           get children() {
             return e.cancelText ?? d(e).cancel;
           }
@@ -80,27 +81,27 @@ function ie(e) {
           size: "sm",
           onClick: $,
           get disabled() {
-            return !s().trim() || o.view() !== "browse" || !o.valid();
+            return !c().trim() || o.view() !== "browse" || !o.valid();
           },
           get children() {
             return e.confirmText ?? "Save";
           }
-        }), null), k(() => E(m, "title", w())), t;
+        }), null), b(() => E(m, "title", p())), t;
       })();
     },
     get children() {
       var t = G();
-      return n(t, a(R, p(e, {
+      return n(t, a(R, w(e, {
         source: o
       })), null), n(t, a(h, {
         get when() {
           return o.view() === "browse";
         },
         get children() {
-          var l = V(), c = l.firstChild;
-          return z(c, p(() => e.scrollViewportProps, {
+          var l = V(), s = l.firstChild;
+          return z(s, w(() => e.scrollViewportProps, {
             class: "max-h-[160px] w-full min-w-0 overflow-y-auto"
-          }), !1, !0), n(c, a(h, {
+          }), !1, !0), n(s, a(h, {
             get when() {
               return x().length > 0;
             },
@@ -111,7 +112,7 @@ function ie(e) {
               })();
             },
             get children() {
-              return a(K, {
+              return a(O, {
                 get each() {
                   return x();
                 },
@@ -129,7 +130,7 @@ function ie(e) {
                       var v = L();
                       return n(v, () => U(r.size)), v;
                     }
-                  }), null), k(() => B(i, b("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-[var(--floe-duration-instant)]", "hover:bg-[var(--floe-state-hover)]", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", s() === r.name && "bg-[var(--floe-state-selected)] text-foreground font-medium"))), i;
+                  }), null), b(() => B(i, F("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-[var(--floe-duration-instant)]", "hover:bg-[var(--floe-state-hover)]", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", c() === r.name && "bg-[var(--floe-state-selected)] text-foreground font-medium"))), i;
                 })()
               });
             }

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

@@ -67,6 +67,7 @@ export declare function usePickerNavigation(props: PickerPanelProps, open: Acces
     open: (path?: string) => Promise<void>;
     close: () => void;
     navigate: (rawPath: string) => Promise<boolean>;
+    captureIntent(): () => boolean;
     setPathInput(value: string): void;
     setShowHidden(value: boolean): Promise<void>;
     retry(): Promise<void>;