@floegence/floe-webapp-core 0.60.0 → 0.60.1

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

@@ -1,325 +1,438 @@
-import { insert as i, createComponent as n, effect as F, setAttribute as y, spread as j, mergeProps as L, use as O, memo as B, template as f, delegateEvents as R } from "solid-js/web";
-import { createEffect as N, on as U, untrack as q, createMemo as S, For as D, Show as b, createSignal as z } from "solid-js";
-import { cn as G } from "../../../utils/cn.js";
-import { FileItemIcon as J } from "../../file-browser/FileIcons.js";
-import { ChevronRight as V, FolderOpen as Q } from "../../icons/index.js";
-import { Button as k } from "../Button.js";
-import { Input as T } from "../Input.js";
-import { createFilesystemPickerDataSource as W, defaultPickerCopy as X, parsePickerPath as Y, PickerNavigationError as Z } from "./PickerNavigation.js";
-import { pickerParentPath as $e } from "./PickerNavigation.js";
-var ee = /* @__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">'), te = /* @__PURE__ */ f("<span role=status>"), re = /* @__PURE__ */ f('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex flex-wrap items-center gap-1"></div><div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1"></div></div><nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs"></nav><div></div><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>'), ne = /* @__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">'), ae = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground"role=status>'), ie = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground">'), le = /* @__PURE__ */ f('<button type=button class="flex min-h-8 w-full 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">'), se = /* @__PURE__ */ f('<div class="flex items-center gap-1.5">'), oe = /* @__PURE__ */ f('<p role=alert class="text-xs text-error">'), ce = /* @__PURE__ */ f("<div>");
-function A(t) {
+import { insert as l, createComponent as s, use as M, setAttribute as g, effect as k, className as Q, spread as U, mergeProps as j, memo as L, template as h, delegateEvents as X } from "solid-js/web";
+import { createEffect as q, on as Y, untrack as Z, createMemo as V, createUniqueId as ee, Show as m, For as F, createSignal as D } from "solid-js";
+import { cn as N } from "../../../utils/cn.js";
+import { FileItemIcon as te } from "../../file-browser/FileIcons.js";
+import { FolderOpen as O, ChevronRight as H } from "../../icons/index.js";
+import { Button as I } from "../Button.js";
+import { Input as W } from "../Input.js";
+import { resolveTabNavigationTargetId as re } from "../Tabs.js";
+import { createFilesystemPickerDataSource as ne, defaultPickerCopy as ie, parsePickerPath as G, PickerNavigationError as ae } from "./PickerNavigation.js";
+import { pickerParentPath as Se } from "./PickerNavigation.js";
+var le = /* @__PURE__ */ h('<div role=tablist class="mb-1 flex min-w-0 items-center gap-4 border-b border-border">'), se = /* @__PURE__ */ h('<div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1">'), oe = /* @__PURE__ */ h('<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">'), S = /* @__PURE__ */ h("<div>"), ue = /* @__PURE__ */ h('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex min-w-0 flex-col gap-2">'), ce = /* @__PURE__ */ h('<div class="flex flex-wrap items-center gap-1">'), de = /* @__PURE__ */ h("<button type=button role=tab>"), ge = /* @__PURE__ */ h('<nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs">'), he = /* @__PURE__ */ h("<span role=status>"), fe = /* @__PURE__ */ h('<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>'), ve = /* @__PURE__ */ h('<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">'), be = /* @__PURE__ */ h('<p class="px-3 py-6 text-center text-xs text-muted-foreground"role=status>'), me = /* @__PURE__ */ h('<p class="px-3 py-6 text-center text-xs text-muted-foreground">'), xe = /* @__PURE__ */ h('<button type=button class="flex min-h-8 w-full 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">'), we = /* @__PURE__ */ h('<button type=button class="flex min-h-14 w-full 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">'), ye = /* @__PURE__ */ h('<div class="flex items-center gap-1.5">'), pe = /* @__PURE__ */ h('<p role=alert class="text-xs text-error">');
+function T(e) {
   return {
-    ...X,
-    ...t.copy
+    ...ie,
+    ...e.copy
   };
 }
-function K(t, s) {
-  const r = A(t);
-  return s instanceof Z ? r[s.kind] : t.formatError?.(s) || (s instanceof Error ? s.message : "") || r.loadFailed;
+function J(e, u) {
+  const i = T(e);
+  return u instanceof ae ? i[u.kind] : e.formatError?.(u) || (u instanceof Error ? u.message : "") || i.loadFailed;
 }
-function we(t, s, r, d) {
-  const v = W(() => t, r);
-  return N(U(() => [s(), t.scopeKey], ([x]) => {
-    v.close(), x && (d?.(), v.open(t.initialPath));
-  })), N(() => t.onValidityChange?.(v.valid())), v;
+function Ve(e, u, i, y) {
+  const v = ne(() => e, i);
+  return q(Y(() => [u(), e.scopeKey], ([x]) => {
+    v.close(), x && (y?.(), v.open(e.initialPath));
+  })), q(() => e.onValidityChange?.(v.valid())), v;
 }
-function ye(t) {
-  const s = () => A(t), r = q(() => t.source), d = S(() => r.entries().filter((a) => a.type === "folder")), v = S(() => r.context()?.roots.filter((a) => !a.hidden) ?? []), x = S(() => {
-    const a = r.currentPath();
-    if (!a) return [];
-    let g = "";
+function De(e) {
+  const u = () => T(e), i = Z(() => e.source), y = V(() => i.entries().filter((o) => o.type === "folder")), v = V(() => i.context()?.roots.filter((o) => !o.hidden) ?? []), x = ee();
+  let C;
+  const A = V(() => [{
+    id: "suggestions",
+    label: e.suggestions?.label ?? "",
+    disabled: e.disabled
+  }, ...v().map((o) => ({
+    id: `root:${o.id}`,
+    label: o.label,
+    path: o.pathAbs,
+    disabled: e.disabled || o.permissions?.read === !1
+  }))]), P = () => {
+    if (e.suggestions?.visible) return "suggestions";
+    const o = G(i.pathInput(), i.context()?.homePathAbs);
+    return `root:${v().filter((n) => o === n.pathAbs || o.startsWith(n.pathAbs.replace(/\/$/, "") + "/")).sort((n, t) => t.pathAbs.length - n.pathAbs.length)[0]?.id ?? i.context()?.defaultRootId ?? v()[0]?.id}`;
+  }, _ = /* @__PURE__ */ new Map(), z = [], p = (o, f, n, t) => {
+    let a;
+    o.key === "ArrowDown" && (a = Math.min(f + 1, t - 1)), o.key === "ArrowUp" && (a = Math.max(0, f - 1)), o.key === "Home" && (a = 0), o.key === "End" && (a = t - 1), a !== void 0 && (o.preventDefault(), o.stopPropagation(), n[a]?.focus());
+  }, w = V(() => {
+    const o = i.currentPath();
+    if (!o) return [];
+    let f = "";
     return [{
       path: "/",
-      name: s().root
-    }, ...a.split("/").filter(Boolean).map((l) => (g += `/${l}`, {
-      path: g,
-      name: l
+      name: u().root
+    }, ...o.split("/").filter(Boolean).map((n) => (f += `/${n}`, {
+      path: f,
+      name: n
     }))];
-  }), p = [], C = (a, g) => {
-    let l;
-    a.key === "ArrowDown" && (l = Math.min(g + 1, d().length - 1)), a.key === "ArrowUp" && (l = Math.max(0, g - 1)), a.key === "Home" && (l = 0), a.key === "End" && (l = d().length - 1), l !== void 0 && (a.preventDefault(), a.stopPropagation(), p[l]?.focus());
-  }, P = () => {
-    r.navigate(r.pathInput());
+  }), E = [], R = () => {
+    i.navigate(i.pathInput());
   };
   return (() => {
-    var a = re(), g = a.firstChild, l = g.nextSibling, h = l.firstChild, w = l.nextSibling, E = w.nextSibling, H = E.nextSibling, M = H.firstChild, I = M.firstChild;
-    return i(g, n(D, {
-      get each() {
-        return v();
-      },
-      children: (e) => n(k, {
-        type: "button",
-        size: "sm",
-        get variant() {
-          return r.currentPath() === e.pathAbs ? "secondary" : "ghost";
-        },
-        get disabled() {
-          return t.disabled || e.permissions?.read === !1;
-        },
-        get title() {
-          return e.pathAbs;
-        },
-        onClick: () => {
-          r.navigate(e.pathAbs);
-        },
-        get children() {
-          return e.label;
-        }
-      })
-    })), i(h, n(T, {
-      size: "sm",
-      get "aria-label"() {
-        return s().path;
-      },
-      placeholder: "/",
-      get value() {
-        return r.pathInput();
+    var o = ue(), f = o.firstChild;
+    return l(o, s(m, {
+      get when() {
+        return e.suggestions?.paths.length;
       },
-      get disabled() {
-        return t.disabled || !r.context();
+      get fallback() {
+        return (() => {
+          var n = ce();
+          return l(n, s(F, {
+            get each() {
+              return v();
+            },
+            children: (t) => s(I, {
+              type: "button",
+              size: "sm",
+              get variant() {
+                return i.currentPath() === t.pathAbs ? "secondary" : "ghost";
+              },
+              get disabled() {
+                return e.disabled || t.permissions?.read === !1;
+              },
+              get title() {
+                return t.pathAbs;
+              },
+              onClick: () => {
+                i.navigate(t.pathAbs);
+              },
+              get children() {
+                return t.label;
+              }
+            })
+          })), k(() => g(n, "aria-label", u().roots)), n;
+        })();
       },
-      onInput: (e) => r.setPathInput(e.currentTarget.value),
-      onKeyDown: (e) => {
-        e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), P());
+      get children() {
+        var n = le();
+        return l(n, s(F, {
+          get each() {
+            return A();
+          },
+          children: (t) => (() => {
+            var a = de();
+            return a.$$keydown = (r) => {
+              const c = re(A(), t.id, r.key);
+              c && (r.preventDefault(), r.stopPropagation(), _.get(c)?.focus());
+            }, a.$$click = () => {
+              e.suggestions?.onVisibilityChange(t.id === "suggestions"), "path" in t && i.navigate(t.path);
+            }, M((r) => _.set(t.id, r), a), g(a, "aria-controls", x), l(a, () => t.label), k((r) => {
+              var c = `${x}-${t.id}`, d = P() === t.id, $ = P() === t.id ? 0 : -1, b = t.disabled, B = "path" in t ? t.path : t.label, K = N("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", P() === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground");
+              return c !== r.e && g(a, "id", r.e = c), d !== r.t && g(a, "aria-selected", r.t = d), $ !== r.a && g(a, "tabindex", r.a = $), b !== r.o && (a.disabled = r.o = b), B !== r.i && g(a, "title", r.i = B), K !== r.n && Q(a, r.n = K), r;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0,
+              i: void 0,
+              n: void 0
+            }), a;
+          })()
+        })), k(() => g(n, "aria-label", u().roots)), n;
       }
-    })), i(l, n(k, {
-      size: "sm",
-      variant: "outline",
-      onClick: P,
-      get disabled() {
-        return t.disabled || !r.context() || !r.pathInput();
+    }), f), g(f, "id", x), l(f, s(m, {
+      get when() {
+        return !e.suggestions?.visible;
       },
       get children() {
-        return s().go;
+        var n = se(), t = n.firstChild;
+        return l(t, s(W, {
+          ref(a) {
+            var r = C;
+            typeof r == "function" ? r(a) : C = a;
+          },
+          size: "sm",
+          get "aria-label"() {
+            return u().path;
+          },
+          placeholder: "/",
+          get value() {
+            return i.pathInput();
+          },
+          get disabled() {
+            return e.disabled || !i.context();
+          },
+          onInput: (a) => i.setPathInput(a.currentTarget.value),
+          onKeyDown: (a) => {
+            a.key === "Enter" && (a.preventDefault(), a.stopPropagation(), R());
+          }
+        })), l(n, s(I, {
+          size: "sm",
+          variant: "outline",
+          onClick: R,
+          get disabled() {
+            return e.disabled || !i.context() || !i.pathInput();
+          },
+          get children() {
+            return u().go;
+          }
+        }), null), n;
       }
-    }), null), i(a, n(b, {
+    }), null), l(f, s(m, {
       get when() {
-        return r.error();
+        return i.error();
       },
       get children() {
-        var e = ee(), m = e.firstChild;
-        return i(m, () => K(t, r.error())), i(e, n(k, {
+        var n = oe(), t = n.firstChild;
+        return l(t, () => J(e, i.error())), l(n, s(I, {
           size: "sm",
           variant: "ghost",
           onClick: () => {
-            r.retry();
+            i.retry();
           },
           get disabled() {
-            return t.disabled || r.pending();
+            return e.disabled || i.pending();
           },
           get children() {
-            return s().retry;
+            return u().retry;
           }
-        }), null), e;
+        }), null), n;
       }
-    }), w), i(w, n(D, {
-      get each() {
-        return x();
-      },
-      children: (e, m) => [n(b, {
-        get when() {
-          return m() > 0;
-        },
-        get children() {
-          return n(V, {
-            class: "h-3 w-3 shrink-0 text-muted-foreground"
-          });
-        }
-      }), (() => {
-        var o = ne();
-        return o.$$click = () => {
-          r.navigate(e.path);
-        }, i(o, () => e.name), F((u) => {
-          var c = e.path, $ = t.disabled, _ = e.path === r.currentPath() ? "location" : void 0;
-          return c !== u.e && y(o, "title", u.e = c), $ !== u.t && (o.disabled = u.t = $), _ !== u.a && y(o, "aria-current", u.a = _), u;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), o;
-      })()]
-    })), j(E, L(() => t.scrollViewportProps, {
-      get class() {
-        return G("min-h-[120px] overflow-y-auto rounded border border-border", t.scrollViewportProps?.class);
-      },
-      get style() {
-        return {
-          "max-height": t.treeMaxHeight ?? "240px"
-        };
-      }
-    }), !1, !0), i(E, n(b, {
+    }), null), l(f, s(m, {
       get when() {
-        return !r.pending() || r.currentPath();
+        return e.suggestions?.visible;
       },
       get fallback() {
-        return (() => {
-          var e = ae();
-          return i(e, () => s().loading), e;
-        })();
-      },
-      get children() {
-        return n(b, {
-          get when() {
-            return d().length;
-          },
-          get fallback() {
-            return n(b, {
+        return [(() => {
+          var n = ge();
+          return l(n, s(F, {
+            get each() {
+              return w();
+            },
+            children: (t, a) => [s(m, {
               get when() {
-                return r.currentPath();
+                return a() > 0;
               },
               get children() {
-                var e = ie();
-                return i(e, () => s().empty), e;
+                return s(H, {
+                  class: "h-3 w-3 shrink-0 text-muted-foreground"
+                });
               }
-            });
+            }), (() => {
+              var r = ve();
+              return r.$$click = () => {
+                i.navigate(t.path);
+              }, l(r, () => t.name), k((c) => {
+                var d = t.path, $ = e.disabled, b = t.path === i.currentPath() ? "location" : void 0;
+                return d !== c.e && g(r, "title", c.e = d), $ !== c.t && (r.disabled = c.t = $), b !== c.a && g(r, "aria-current", c.a = b), c;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              }), r;
+            })()]
+          })), k(() => g(n, "aria-label", u().currentDirectory)), n;
+        })(), (() => {
+          var n = S();
+          return U(n, j(() => e.scrollViewportProps, {
+            get class() {
+              return N("min-h-[120px] overflow-y-auto rounded border border-border", e.scrollViewportProps?.class);
+            },
+            get style() {
+              return {
+                "max-height": e.treeMaxHeight ?? "240px"
+              };
+            }
+          }), !1, !0), l(n, s(m, {
+            get when() {
+              return !i.pending() || i.currentPath();
+            },
+            get fallback() {
+              return (() => {
+                var t = be();
+                return l(t, () => u().loading), t;
+              })();
+            },
+            get children() {
+              return s(m, {
+                get when() {
+                  return y().length;
+                },
+                get fallback() {
+                  return s(m, {
+                    get when() {
+                      return i.currentPath();
+                    },
+                    get children() {
+                      var t = me();
+                      return l(t, () => u().empty), t;
+                    }
+                  });
+                },
+                get children() {
+                  return s(F, {
+                    get each() {
+                      return y();
+                    },
+                    children: (t, a) => (() => {
+                      var r = xe(), c = r.firstChild;
+                      return r.$$keydown = (d) => p(d, a(), E, y().length), r.$$click = () => {
+                        i.navigate(t.path);
+                      }, M((d) => {
+                        E[a()] = d;
+                      }, r), l(r, s(te, {
+                        item: t,
+                        size: 16,
+                        class: "h-4 w-4 shrink-0"
+                      }), c), l(c, () => t.name), l(r, s(H, {
+                        class: "h-3 w-3 shrink-0 text-muted-foreground"
+                      }), null), k((d) => {
+                        var $ = t.path, b = e.disabled || e.filter?.(t) === !1;
+                        return $ !== d.e && g(r, "data-picker-row-path", d.e = $), b !== d.t && (r.disabled = d.t = b), d;
+                      }, {
+                        e: void 0,
+                        t: void 0
+                      }), r;
+                    })()
+                  });
+                }
+              });
+            }
+          })), n;
+        })(), (() => {
+          var n = fe(), t = n.firstChild, a = t.firstChild;
+          return a.addEventListener("change", (r) => {
+            i.setShowHidden(r.currentTarget.checked);
+          }), l(t, () => u().showHidden, null), l(n, s(m, {
+            get when() {
+              return L(() => !!i.pending())() && i.currentPath();
+            },
+            get children() {
+              var r = he();
+              return l(r, () => u().loading), r;
+            }
+          }), null), k(() => a.disabled = e.disabled || !i.context()), k(() => a.checked = i.showHidden()), n;
+        })(), s(m, {
+          get when() {
+            return e.onCreateFolder;
           },
           get children() {
-            return n(D, {
-              get each() {
-                return d();
-              },
-              children: (e, m) => (() => {
-                var o = le(), u = o.firstChild;
-                return o.$$keydown = (c) => C(c, m()), o.$$click = () => {
-                  r.navigate(e.path);
-                }, O((c) => {
-                  p[m()] = c;
-                }, o), i(o, n(J, {
-                  item: e,
-                  size: 16,
-                  class: "h-4 w-4 shrink-0"
-                }), u), i(u, () => e.name), i(o, n(V, {
-                  class: "h-3 w-3 shrink-0 text-muted-foreground"
-                }), null), F((c) => {
-                  var $ = e.path, _ = t.disabled || t.filter?.(e) === !1;
-                  return $ !== c.e && y(o, "data-picker-row-path", c.e = $), _ !== c.t && (o.disabled = c.t = _), c;
-                }, {
-                  e: void 0,
-                  t: void 0
-                }), o;
-              })()
-            });
+            return s($e, e);
           }
-        });
-      }
-    })), I.addEventListener("change", (e) => {
-      r.setShowHidden(e.currentTarget.checked);
-    }), i(M, () => s().showHidden, null), i(H, n(b, {
-      get when() {
-        return B(() => !!r.pending())() && r.currentPath();
+        })];
       },
       get children() {
-        var e = te();
-        return i(e, () => s().loading), e;
-      }
-    }), null), i(a, n(b, {
-      get when() {
-        return t.onCreateFolder;
-      },
-      get children() {
-        return n(ue, t);
+        var n = S();
+        return U(n, j(() => e.scrollViewportProps, {
+          "data-picker-suggestions": "",
+          get "aria-label"() {
+            return e.suggestions?.label;
+          },
+          get class() {
+            return N("min-h-[180px] min-w-0 overflow-y-auto", e.scrollViewportProps?.class);
+          },
+          get style() {
+            return {
+              "max-height": e.treeMaxHeight ?? "240px"
+            };
+          }
+        }), !1, !0), l(n, s(F, {
+          get each() {
+            return e.suggestions?.paths;
+          },
+          children: (t, a) => (() => {
+            var r = we(), c = r.firstChild, d = c.firstChild, $ = d.nextSibling;
+            return r.$$keydown = (b) => p(b, a(), z, e.suggestions?.paths.length ?? 0), r.$$click = () => {
+              e.suggestions?.onVisibilityChange(!1), i.navigate(t), C?.focus();
+            }, M((b) => {
+              z[a()] = b;
+            }, r), g(r, "data-picker-suggested-path", t), g(r, "title", t), g(r, "aria-label", t), l(r, s(O, {
+              class: "h-4 w-4 shrink-0 text-muted-foreground"
+            }), c), l(d, () => t.split("/").filter(Boolean).at(-1) ?? u().root), l($, t), l(r, s(H, {
+              class: "h-3 w-3 shrink-0 text-muted-foreground/60"
+            }), null), k(() => r.disabled = e.disabled || !i.context()), r;
+          })()
+        })), n;
       }
-    }), null), F((e) => {
-      var m = r.pending(), o = s().roots, u = s().currentDirectory, c = t.disabled || !r.context();
-      return m !== e.e && y(a, "aria-busy", e.e = m), o !== e.t && y(g, "aria-label", e.t = o), u !== e.a && y(w, "aria-label", e.a = u), c !== e.o && (I.disabled = e.o = c), e;
+    }), null), k((n) => {
+      var t = i.pending(), a = e.suggestions?.paths.length ? "tabpanel" : void 0, r = e.suggestions?.paths.length ? `${x}-${P()}` : void 0;
+      return t !== n.e && g(o, "aria-busy", n.e = t), a !== n.t && g(f, "role", n.t = a), r !== n.a && g(f, "aria-labelledby", n.a = r), n;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0,
-      o: void 0
-    }), F(() => I.checked = r.showHidden()), a;
+      a: void 0
+    }), o;
   })();
 }
-function ue(t) {
-  const [s, r] = z(!1), [d, v] = z(""), [x, p] = z(!1), [C, P] = z(null), a = () => A(t), g = async () => {
-    if (!d().trim() || !t.source.valid() || !t.onCreateFolder || x()) return;
-    const l = t.source.currentPath();
-    p(!0), P(null);
+function $e(e) {
+  const [u, i] = D(!1), [y, v] = D(""), [x, C] = D(!1), [A, P] = D(null), _ = () => T(e), z = async () => {
+    if (!y().trim() || !e.source.valid() || !e.onCreateFolder || x()) return;
+    const p = e.source.currentPath();
+    C(!0), P(null);
     try {
-      await t.onCreateFolder(l, d().trim()), v(""), r(!1), t.source.active() && l === t.source.currentPath() && await t.source.navigate(l);
-    } catch (h) {
-      P(h);
+      await e.onCreateFolder(p, y().trim()), v(""), i(!1), e.source.active() && p === e.source.currentPath() && await e.source.navigate(p);
+    } catch (w) {
+      P(w);
     } finally {
-      p(!1);
+      C(!1);
     }
   };
   return (() => {
-    var l = ce();
-    return i(l, n(b, {
+    var p = S();
+    return l(p, s(m, {
       get when() {
-        return s();
+        return u();
       },
       get fallback() {
-        return n(k, {
+        return s(I, {
           size: "sm",
           variant: "ghost",
           get disabled() {
-            return t.disabled || !t.source.valid();
+            return e.disabled || !e.source.valid();
           },
-          onClick: () => r(!0),
+          onClick: () => i(!0),
           get children() {
-            return [n(Q, {
+            return [s(O, {
               class: "mr-1 h-3.5 w-3.5"
-            }), B(() => a().newFolder)];
+            }), L(() => _().newFolder)];
           }
         });
       },
       get children() {
-        var h = se();
-        return i(h, n(T, {
+        var w = ye();
+        return l(w, s(W, {
           size: "sm",
           get "aria-label"() {
-            return a().folderName;
+            return _().folderName;
           },
           get value() {
-            return d();
+            return y();
           },
-          onInput: (w) => v(w.currentTarget.value),
+          onInput: (E) => v(E.currentTarget.value),
           get disabled() {
-            return t.disabled || x();
+            return e.disabled || x();
           }
-        }), null), i(h, n(k, {
+        }), null), l(w, s(I, {
           size: "sm",
           get disabled() {
-            return t.disabled || x() || !d().trim() || !t.source.valid();
+            return e.disabled || x() || !y().trim() || !e.source.valid();
           },
           onClick: () => {
-            g();
+            z();
           },
           get children() {
-            return a().create;
+            return _().create;
           }
-        }), null), i(h, n(k, {
+        }), null), l(w, s(I, {
           size: "sm",
           variant: "ghost-destructive",
           get disabled() {
-            return t.disabled || x();
+            return e.disabled || x();
           },
-          onClick: () => r(!1),
+          onClick: () => i(!1),
           get children() {
-            return a().cancel;
+            return _().cancel;
           }
-        }), null), h;
+        }), null), w;
       }
-    }), null), i(l, n(b, {
+    }), null), l(p, s(m, {
       get when() {
-        return C();
+        return A();
       },
       get children() {
-        var h = oe();
-        return i(h, () => K(t, C())), h;
+        var w = pe();
+        return l(w, () => J(e, A())), w;
       }
-    }), null), l;
+    }), null), p;
   })();
 }
-const ke = Y;
-R(["click", "keydown"]);
+const Me = G;
+X(["click", "keydown"]);
 export {
-  ye as PickerPanel,
-  $e as getParentPath,
-  ke as normalizePath,
-  A as pickerCopy,
-  K as pickerErrorMessage,
-  we as usePickerNavigation
+  De as PickerPanel,
+  Se as getParentPath,
+  Me as normalizePath,
+  T as pickerCopy,
+  J as pickerErrorMessage,
+  Ve as usePickerNavigation
 };