@floegence/floe-webapp-core 0.50.2 → 0.50.4

package/dist/chat.css

@@ -1506,12 +1506,6 @@ pre.chat-md-code-block code {
   overflow: hidden;
 }
 
-.chat-input-container-focused {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent),
-              0 1px 3px rgb(0 0 0 / 0.06);
-}
-
 .chat-input-container-dragging {
   box-shadow: inset 0 0 0 2px var(--primary);
 }

package/dist/components/chat/input/ChatInput.js

@@ -1,60 +1,60 @@
-import { addEventListener as h, insert as s, createComponent as r, effect as D, className as E, setAttribute as K, template as c, use as R, delegateEvents as U } from "solid-js/web";
-import { createSignal as F, onCleanup as N, Show as v } from "solid-js";
+import { addEventListener as u, insert as s, createComponent as l, effect as D, setAttribute as E, className as F, template as c, use as z, delegateEvents as K } from "solid-js/web";
+import { createSignal as R, onCleanup as U, Show as f } from "solid-js";
 import { cn as I } from "../../../utils/cn.js";
-import { useChatContext as O } from "../ChatProvider.js";
-import { useAttachments as G } from "../hooks/useAttachments.js";
-import { AttachmentPreview as J } from "./AttachmentPreview.js";
-var Q = /* @__PURE__ */ c("<div class=chat-input-drop-overlay><span>Drop files here"), V = /* @__PURE__ */ c('<button type=button class=chat-input-attachment-btn title="Add attachments">'), W = /* @__PURE__ */ c('<div><div class=chat-input-body><textarea class=chat-input-textarea rows=2></textarea></div><div class=chat-input-toolbar><div class=chat-input-toolbar-left></div><div class=chat-input-toolbar-right><span class=chat-input-hint><kbd>Enter</kbd> send &nbsp; <kbd>Shift+Enter</kbd> newline</span><button type=button title="Send message">'), X = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48">'), Y = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=22 y1=2 x2=11 y2=13></line><polygon points="22 2 15 22 11 13 2 9 22 2">'), Z = /* @__PURE__ */ c('<svg width=32 height=32 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1=12 y1=3 x2=12 y2=15>');
-const ct = (u) => {
-  const i = O(), [g, y] = F(""), [L, b] = F(!1);
-  let d, l = null;
-  const n = G({
-    maxAttachments: i.config().maxAttachments,
-    maxSize: i.config().maxAttachmentSize,
-    acceptedTypes: i.config().acceptedFileTypes,
-    onUpload: i.config().allowAttachments ? (t) => i.uploadAttachment(t) : void 0
-  }), P = () => u.placeholder || i.config().placeholder || "Type a message...", f = () => (g().trim() || n.attachments().length > 0) && !u.disabled, w = () => {
-    const t = d;
+import { useChatContext as N } from "../ChatProvider.js";
+import { useAttachments as O } from "../hooks/useAttachments.js";
+import { AttachmentPreview as G } from "./AttachmentPreview.js";
+var J = /* @__PURE__ */ c("<div class=chat-input-drop-overlay><span>Drop files here"), Q = /* @__PURE__ */ c('<button type=button class=chat-input-attachment-btn title="Add attachments">'), V = /* @__PURE__ */ c('<div data-floe-input-surface><div class=chat-input-body><textarea class=chat-input-textarea rows=2></textarea></div><div class=chat-input-toolbar><div class=chat-input-toolbar-left></div><div class=chat-input-toolbar-right><span class=chat-input-hint><kbd>Enter</kbd> send &nbsp; <kbd>Shift+Enter</kbd> newline</span><button type=button title="Send message">'), W = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48">'), X = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=22 y1=2 x2=11 y2=13></line><polygon points="22 2 15 22 11 13 2 9 22 2">'), Y = /* @__PURE__ */ c('<svg width=32 height=32 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1=12 y1=3 x2=12 y2=15>');
+const st = (d) => {
+  const a = N(), [p, y] = R("");
+  let h, r = null;
+  const n = O({
+    maxAttachments: a.config().maxAttachments,
+    maxSize: a.config().maxAttachmentSize,
+    acceptedTypes: a.config().acceptedFileTypes,
+    onUpload: a.config().allowAttachments ? (t) => a.uploadAttachment(t) : void 0
+  }), P = () => d.placeholder || a.config().placeholder || "Type a message...", v = () => (p().trim() || n.attachments().length > 0) && !d.disabled, b = () => {
+    const t = h;
     t && (t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 320)}px`);
   }, T = () => {
-    if (l === null) {
+    if (r === null) {
       if (typeof requestAnimationFrame > "u") {
-        w();
+        b();
         return;
       }
-      l = requestAnimationFrame(() => {
-        l = null, w();
+      r = requestAnimationFrame(() => {
+        r = null, b();
       });
     }
   }, H = (t) => {
     y(t.currentTarget.value), T();
   }, B = (t) => {
-    t.isComposing || t.key === "Enter" && !t.shiftKey && (t.preventDefault(), x());
-  }, x = async () => {
-    if (!f()) return;
-    const t = g().trim(), o = n.attachments();
-    y(""), n.clearAttachments(), d && (d.style.height = "auto"), await i.sendMessage(t, o);
-  }, M = async (t) => {
-    i.config().allowAttachments && await n.handlePaste(t);
+    t.isComposing || t.key === "Enter" && !t.shiftKey && (t.preventDefault(), w());
+  }, w = async () => {
+    if (!v()) return;
+    const t = p().trim(), o = n.attachments();
+    y(""), n.clearAttachments(), h && (h.style.height = "auto"), await a.sendMessage(t, o);
+  }, L = async (t) => {
+    a.config().allowAttachments && await n.handlePaste(t);
   };
-  return N(() => {
-    l !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(l), l = null);
+  return U(() => {
+    r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
   }), (() => {
-    var t = W(), o = t.firstChild, a = o.firstChild, j = o.nextSibling, $ = j.firstChild, q = $.nextSibling, z = q.firstChild, m = z.nextSibling;
-    h(t, "drop", n.handleDrop), h(t, "dragover", n.handleDragOver), h(t, "dragleave", n.handleDragLeave), h(t, "dragenter", n.handleDragEnter), s(t, r(v, {
+    var t = V(), o = t.firstChild, i = o.firstChild, M = o.nextSibling, x = M.firstChild, j = x.nextSibling, q = j.firstChild, m = q.nextSibling;
+    u(t, "drop", n.handleDrop), u(t, "dragover", n.handleDragOver), u(t, "dragleave", n.handleDragLeave), u(t, "dragenter", n.handleDragEnter), s(t, l(f, {
       get when() {
         return n.isDragging();
       },
       get children() {
-        var e = Q(), p = e.firstChild;
-        return s(e, r(nt, {}), p), e;
+        var e = J(), g = e.firstChild;
+        return s(e, l(et, {}), g), e;
       }
-    }), o), s(t, r(v, {
+    }), o), s(t, l(f, {
       get when() {
         return n.attachments().length > 0;
       },
       get children() {
-        return r(J, {
+        return l(G, {
           get attachments() {
             return n.attachments();
           },
@@ -63,29 +63,30 @@ const ct = (u) => {
           }
         });
       }
-    }), o), a.addEventListener("blur", () => b(!1)), a.addEventListener("focus", () => b(!0)), a.addEventListener("paste", M), a.$$keydown = B, a.$$input = H;
-    var A = d;
-    return typeof A == "function" ? R(A, a) : d = a, s($, r(v, {
+    }), o), i.addEventListener("paste", L), i.$$keydown = B, i.$$input = H;
+    var $ = h;
+    return typeof $ == "function" ? z($, i) : h = i, s(x, l(f, {
       get when() {
-        return i.config().allowAttachments;
+        return a.config().allowAttachments;
       },
       get children() {
-        var e = V();
-        return h(e, "click", n.openFilePicker, !0), s(e, r(tt, {})), e;
+        var e = Q();
+        return u(e, "click", n.openFilePicker, !0), s(e, l(Z, {})), e;
       }
-    })), m.$$click = x, s(m, r(et, {})), D((e) => {
-      var p = I("chat-input-container", L() && "chat-input-container-focused", n.isDragging() && "chat-input-container-dragging", u.class), k = P(), C = u.disabled, _ = I("chat-input-send-btn", f() && "chat-input-send-btn-active"), S = !f();
-      return p !== e.e && E(t, e.e = p), k !== e.t && K(a, "placeholder", e.t = k), C !== e.a && (a.disabled = e.a = C), _ !== e.o && E(m, e.o = _), S !== e.i && (m.disabled = e.i = S), e;
+    })), m.$$click = w, s(m, l(tt, {})), D((e) => {
+      var g = d.disabled ? !0 : void 0, A = I("chat-input-container", n.isDragging() && "chat-input-container-dragging", d.class), k = P(), C = d.disabled, S = I("chat-input-send-btn", v() && "chat-input-send-btn-active"), _ = !v();
+      return g !== e.e && E(t, "aria-disabled", e.e = g), A !== e.t && F(t, e.t = A), k !== e.a && E(i, "placeholder", e.a = k), C !== e.o && (i.disabled = e.o = C), S !== e.i && F(m, e.i = S), _ !== e.n && (m.disabled = e.n = _), e;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
-      i: void 0
-    }), D(() => a.value = g()), t;
+      i: void 0,
+      n: void 0
+    }), D(() => i.value = p()), t;
   })();
-}, tt = () => X(), et = () => Y(), nt = () => Z();
-U(["input", "keydown", "click"]);
+}, Z = () => W(), tt = () => X(), et = () => Y();
+K(["input", "keydown", "click"]);
 export {
-  ct as ChatInput
+  st as ChatInput
 };

package/dist/components/file-browser/FileBrowserToolbar.js

@@ -5,7 +5,7 @@ import { deferAfterPaint as E } from "../../utils/defer.js";
 import { useFileBrowser as L } from "./FileBrowserContext.js";
 import { Breadcrumb as T } from "./Breadcrumb.js";
 import { Grid as V } from "../icons/index.js";
-var N = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=8 y1=6 x2=21 y2=6></line><line x1=8 y1=12 x2=21 y2=12></line><line x1=8 y1=18 x2=21 y2=18></line><line x1=3 y1=6 x2=3.01 y2=6></line><line x1=3 y1=12 x2=3.01 y2=12></line><line x1=3 y1=18 x2=3.01 y2=18>'), U = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M12 10v6"></path><path d="m9 13 3-3 3 3">'), G = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), P = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3">'), D = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ a('<button type=button aria-label="Clear filter">'), K = /* @__PURE__ */ a('<div class="flex items-center flex-1 gap-1 px-2 py-1 bg-muted/50 rounded-md border border-border/50 focus-within:border-ring focus-within:ring-1 focus-within:ring-ring"><input type=text placeholder=Filter... aria-label="Filter files by name">'), X = /* @__PURE__ */ a('<div class="ml-0.5 flex shrink-0 items-center gap-1">'), Z = /* @__PURE__ */ a('<div><button type=button aria-label="Toggle sidebar"></button><button type=button aria-label="Navigate to parent folder"></button><div></div><div></div><div class="flex items-center gap-0.5 p-0.5 bg-muted/50 rounded-md">'), q = /* @__PURE__ */ a('<button type=button aria-label="Filter files">'), z = /* @__PURE__ */ a("<button type=button>");
+var N = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=8 y1=6 x2=21 y2=6></line><line x1=8 y1=12 x2=21 y2=12></line><line x1=8 y1=18 x2=21 y2=18></line><line x1=3 y1=6 x2=3.01 y2=6></line><line x1=3 y1=12 x2=3.01 y2=12></line><line x1=3 y1=18 x2=3.01 y2=18>'), U = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M12 10v6"></path><path d="m9 13 3-3 3 3">'), G = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), P = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3">'), D = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ a('<button type=button aria-label="Clear filter">'), K = /* @__PURE__ */ a('<div data-floe-input-surface class="flex items-center flex-1 gap-1 px-2 py-1 bg-muted/50 rounded-md border border-border/50"><input type=text placeholder=Filter... aria-label="Filter files by name">'), X = /* @__PURE__ */ a('<div class="ml-0.5 flex shrink-0 items-center gap-1">'), Z = /* @__PURE__ */ a('<div><button type=button aria-label="Toggle sidebar"></button><button type=button aria-label="Navigate to parent folder"></button><div></div><div></div><div class="flex items-center gap-0.5 p-0.5 bg-muted/50 rounded-md">'), q = /* @__PURE__ */ a('<button type=button aria-label="Filter files">'), z = /* @__PURE__ */ a("<button type=button>");
 const J = (r) => (() => {
   var e = N();
   return s(() => g(e, "class", r.class)), e;
@@ -73,7 +73,7 @@ function se(r) {
               class: "w-3 h-3"
             })), s(() => f(o, v("flex items-center justify-center w-4 h-4 rounded-sm cursor-pointer", "text-muted-foreground hover:text-foreground", "transition-colors duration-100"))), o;
           }
-        }), null), s(() => f(u, v("flex-1 min-w-0 bg-transparent text-xs", "outline-none border-0 ring-0 shadow-none appearance-none", "focus:outline-none focus:border-0 focus:ring-0", "placeholder:text-muted-foreground/60"))), s(() => u.value = e.filterQuery()), t;
+        }), null), s(() => f(u, v("flex-1 min-w-0 bg-transparent text-xs", "outline-none border-0 ring-0 shadow-none appearance-none", "focus:outline-none focus:ring-0", "placeholder:text-muted-foreground/60"))), s(() => u.value = e.filterQuery()), t;
       }
     })), n($, l(B, {
       mode: "list",

package/dist/components/ui/CommandPalette.js

@@ -7,7 +7,7 @@ import { useResolvedFloeConfig as W } from "../../context/FloeConfigContext.js";
 import { useOverlayMask as q } from "../../hooks/useOverlayMask.js";
 import { matchKeybind as G } from "../../utils/keybind.js";
 import { createFloatingPresence as J } from "./floatingPresence.js";
-var Q = /* @__PURE__ */ m("<div>"), V = /* @__PURE__ */ m('<div><div class="flex items-center gap-3 px-4 pt-1 border-b border-border"><input type=text><kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono"></kbd></div><div class="max-h-80 overflow-y-auto overscroll-contain py-2">'), X = /* @__PURE__ */ m('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), Y = /* @__PURE__ */ m('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), Z = /* @__PURE__ */ m('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), ee = /* @__PURE__ */ m('<span class="ml-2 text-muted-foreground text-xs">'), te = /* @__PURE__ */ m('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), re = /* @__PURE__ */ m('<button type=button><div class="flex-1 text-left"><span>');
+var Q = /* @__PURE__ */ m("<div>"), V = /* @__PURE__ */ m('<div><div data-floe-input-surface class="flex items-center gap-3 px-4 pt-1 border-b border-border"><input type=text><kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono"></kbd></div><div class="max-h-80 overflow-y-auto overscroll-contain py-2">'), X = /* @__PURE__ */ m('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), Y = /* @__PURE__ */ m('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), Z = /* @__PURE__ */ m('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), ee = /* @__PURE__ */ m('<span class="ml-2 text-muted-foreground text-xs">'), te = /* @__PURE__ */ m('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), re = /* @__PURE__ */ m('<button type=button><div class="flex-1 text-left"><span>');
 function me(b = {}) {
   const n = N(), k = W();
   let z, M;

package/dist/components/ui/Dialog.d.ts

@@ -5,6 +5,13 @@ export interface DialogProps {
     /** Dialog title - can be a string or JSX element for custom headers */
     title?: string | JSX.Element;
     description?: string;
+    /** Localized accessible name for the close button. */
+    closeLabel?: string;
+    /** Whether clicking the backdrop requests dismissal. Defaults to true. */
+    closeOnBackdropClick?: boolean;
+    /** Bubble lets nested inputs consume Escape before the dialog handles it. */
+    escapeKeyPhase?: 'capture' | 'bubble';
+    onKeyDown?: JSX.EventHandler<HTMLDivElement, KeyboardEvent>;
     children: JSX.Element;
     footer?: JSX.Element;
     class?: string;

package/dist/components/ui/Dialog.js

@@ -1,16 +1,16 @@
-import { createComponent as r, use as E, setAttribute as f, style as Y, Portal as X, spread as k, mergeProps as P, memo as S, insert as a, effect as N, template as u } from "solid-js/web";
-import { createUniqueId as J, createSignal as I, createMemo as H, createEffect as Q, onCleanup as ee, Show as b, untrack as te } from "solid-js";
-import { cn as A } from "../../utils/cn.js";
-import { Button as B } from "./Button.js";
+import { createComponent as o, use as E, setAttribute as f, style as Y, Portal as X, spread as P, mergeProps as R, memo as B, insert as a, effect as N, template as s } from "solid-js/web";
+import { createUniqueId as J, createSignal as S, createMemo as H, createEffect as Q, onCleanup as ee, Show as b, untrack as te } from "solid-js";
+import { cn as O } from "../../utils/cn.js";
+import { Button as D } from "./Button.js";
 import { X as ne } from "../icons/index.js";
 import { useResolvedFloeConfig as re } from "../../context/FloeConfigContext.js";
 import { useOverlayMask as oe } from "../../hooks/useOverlayMask.js";
-import { resolveSurfacePortalHost as ie, DIALOG_SURFACE_BOUNDARY_ATTR as O, isSurfacePortalMode as j, projectSurfacePortalRect as le, resolveSurfacePortalBoundaryRect as ae, resolveSurfacePortalMount as de } from "./dialogSurfaceScope.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as ce } from "./localInteractionSurface.js";
-import { createFloatingPresence as ue } from "./floatingPresence.js";
-import { useDialogPlacement as se } from "./DialogPlacementContext.js";
-var fe = /* @__PURE__ */ u("<span aria-hidden=true>"), ge = /* @__PURE__ */ u('<h2 class="text-sm font-semibold">'), me = /* @__PURE__ */ u('<p class="mt-0.5 text-xs text-muted-foreground">'), he = /* @__PURE__ */ u('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), be = /* @__PURE__ */ u('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), ve = /* @__PURE__ */ u('<div><div></div><div class="pointer-events-none relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), we = /* @__PURE__ */ u("<div>");
-const ye = {
+import { resolveSurfacePortalHost as ie, DIALOG_SURFACE_BOUNDARY_ATTR as k, isSurfacePortalMode as j, projectSurfacePortalRect as le, resolveSurfacePortalBoundaryRect as ae, resolveSurfacePortalMount as ce } from "./dialogSurfaceScope.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as de } from "./localInteractionSurface.js";
+import { createFloatingPresence as se } from "./floatingPresence.js";
+import { useDialogPlacement as ue } from "./DialogPlacementContext.js";
+var fe = /* @__PURE__ */ s("<span aria-hidden=true>"), ge = /* @__PURE__ */ s('<h2 class="text-sm font-semibold">'), me = /* @__PURE__ */ s('<p class="mt-0.5 text-xs text-muted-foreground">'), he = /* @__PURE__ */ s('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), be = /* @__PURE__ */ s('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), we = /* @__PURE__ */ s('<div><div></div><div class="pointer-events-none relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), ye = /* @__PURE__ */ s("<div>");
+const ve = {
   display: "none"
 };
 function xe(e) {
@@ -33,50 +33,51 @@ function $e(e) {
   }
   window.clearTimeout(e);
 }
-function _e(e) {
-  const g = se(), d = J(), F = () => `dialog-${d}-title`, D = () => `dialog-${d}-description`;
-  let v;
-  const [w, G] = I(null), [M, z] = I(0), [L, Z] = I(0), s = ue({
-    open: () => e.open && !!w() && M() > 0,
+function Ce(e) {
+  const g = ue(), c = J(), I = () => `dialog-${c}-title`, F = () => `dialog-${c}-description`;
+  let w;
+  const [y, G] = S(null), [M, K] = S(0), [L, z] = S(0), u = se({
+    open: () => e.open && !!y() && M() > 0,
     exitDurationMs: 120
-  }), y = () => s.mounted() && !!w() && M() > 0, U = (t) => {
+  }), v = () => u.mounted() && !!y() && M() > 0, Z = (t) => {
     G(t), xe(() => {
-      te(w) === t && z((i) => i + 1);
+      te(y) === t && K((l) => l + 1);
     });
-  }, x = H(() => y() ? ie({
-    owner: w()
+  }, x = H(() => v() ? ie({
+    owner: y()
   }) : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), p = () => `dialog-boundary-${d}`, n = () => g.mode() === "auto" && j(x()), V = () => n() ? de(x()) : void 0, T = () => e.globalZIndex ?? g.globalZIndex(), R = (t) => le(ae(t), t), K = () => R(x()), $ = H(() => (L(), K())), W = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${O}="${p()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${O}="${p()}"]`) : !1;
+  }), p = () => `dialog-boundary-${c}`, n = () => g.mode() === "auto" && j(x()), U = () => n() ? ce(x()) : void 0, T = () => e.globalZIndex ?? g.globalZIndex(), A = (t) => le(ae(t), t), V = () => A(x()), $ = H(() => (L(), V())), W = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${k}="${p()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${k}="${p()}"]`) : !1;
   return Q(() => {
     const t = x();
-    if (!y() || !n() || typeof window > "u")
+    if (!v() || !n() || typeof window > "u")
       return;
-    let i = !1, m = null, o = q(R(t));
-    const _ = () => {
-      if (i || !j(t))
+    let l = !1, m = null, i = q(A(t));
+    const C = () => {
+      if (l || !j(t))
         return;
-      const l = q(R(t));
-      l !== o && (o = l, Z((C) => C + 1));
+      const r = q(A(t));
+      r !== i && (i = r, z((_) => _ + 1));
     }, h = () => {
-      i || (m = pe(() => {
-        _(), h();
+      l || (m = pe(() => {
+        C(), h();
       }));
     };
     h(), ee(() => {
-      i = !0, m !== null && $e(m);
+      l = !0, m !== null && $e(m);
     });
   }), oe({
-    open: y,
-    root: () => v,
-    containsTarget: (t) => n() ? W(t) : typeof Node < "u" && t instanceof Node ? !!v?.contains(t) : !1,
+    open: v,
+    root: () => w,
+    containsTarget: (t) => n() ? W(t) : typeof Node < "u" && t instanceof Node ? !!w?.contains(t) : !1,
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !n(),
     trapFocus: !0,
     closeOnEscape: () => n() ? "inside" : !0,
+    escapeKeyPhase: () => e.escapeKeyPhase ?? "capture",
     blockHotkeys: !0,
     // Block scroll bleed outside the dialog while keeping the dialog content scrollable.
     blockWheel: () => n() ? "none" : "outside",
@@ -84,36 +85,36 @@ function _e(e) {
     restoreFocus: !0
   }), [(() => {
     var t = fe();
-    return E(U, t), f(t, "data-floe-dialog-owner-anchor", d), Y(t, ye), t;
-  })(), r(b, {
+    return E(Z, t), f(t, "data-floe-dialog-owner-anchor", c), Y(t, ve), t;
+  })(), o(b, {
     get when() {
-      return y();
+      return v();
     },
     get children() {
-      return r(X, {
+      return o(X, {
         get mount() {
-          return V();
+          return U();
         },
         get children() {
-          var t = ve(), i = t.firstChild, m = i.nextSibling, o = m.firstChild, _ = o.firstChild;
-          f(t, "data-floe-dialog-overlay-root", d), k(t, P({
+          var t = we(), l = t.firstChild, m = l.nextSibling, i = m.firstChild, C = i.firstChild;
+          f(t, "data-floe-dialog-overlay-root", c), P(t, R({
             get "data-floe-dialog-mode"() {
               return n() ? "surface" : "global";
             },
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             get "aria-hidden"() {
-              return s.exiting() ? "true" : void 0;
+              return u.exiting() ? "true" : void 0;
             }
           }, () => ({
-            [ce]: n() ? "true" : void 0
+            [de]: n() ? "true" : void 0
           }), {
             get class() {
-              return A(n() ? "absolute z-20 box-border p-3" : A("fixed inset-0 box-border p-4", T() === void 0 && "z-50"), s.exiting() && "pointer-events-none");
+              return O(n() ? "absolute z-20 box-border p-3" : O("fixed inset-0 box-border p-4", T() === void 0 && "z-50"), u.exiting() && "pointer-events-none");
             },
             get style() {
-              return S(() => !!n())() ? {
+              return B(() => !!n())() ? {
                 left: `${$().left}px`,
                 top: `${$().top}px`,
                 width: `${$().width}px`,
@@ -122,80 +123,85 @@ function _e(e) {
                 "z-index": T()
               };
             }
-          }), !1, !0), f(i, "data-floe-dialog-backdrop", d), k(i, P(() => ({
-            [O]: p()
+          }), !1, !0), f(l, "data-floe-dialog-backdrop", c), P(l, R(() => ({
+            [k]: p()
           }), {
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             get class() {
-              return A("absolute inset-0 cursor-pointer floe-floating-presence floe-floating-backdrop", n() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
+              return O("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", n() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
-            onClick: () => e.onOpenChange(!1)
+            onClick: () => {
+              e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
+            }
           }), !1, !1);
-          var h = v;
-          return typeof h == "function" ? E(h, o) : v = o, f(o, "data-floe-dialog-panel", d), k(o, P(() => ({
-            [O]: p()
+          var h = w;
+          return typeof h == "function" ? E(h, i) : w = i, f(i, "data-floe-dialog-panel", c), P(i, R(() => ({
+            [k]: p()
           }), {
             get class() {
-              return A(n() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
+              return O(n() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
             },
             get "data-floating-presence"() {
-              return s.state();
+              return u.state();
             },
             role: "dialog",
             get "aria-modal"() {
               return n() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return S(() => !!e.title)() ? F() : void 0;
+              return B(() => !!e.title)() ? I() : void 0;
             },
             get "aria-describedby"() {
-              return S(() => !!e.description)() ? D() : void 0;
+              return B(() => !!e.description)() ? F() : void 0;
             },
+            onKeyDown: (r) => e.onKeyDown?.(r),
             tabIndex: -1
-          }), !1, !0), a(o, r(b, {
+          }), !1, !0), a(i, o(b, {
             get when() {
               return e.title || e.description;
             },
             get children() {
-              var l = he(), C = l.firstChild;
-              return a(C, r(b, {
+              var r = he(), _ = r.firstChild;
+              return a(_, o(b, {
                 get when() {
                   return e.title;
                 },
                 get children() {
-                  var c = ge();
-                  return a(c, () => e.title), N(() => f(c, "id", F())), c;
+                  var d = ge();
+                  return a(d, () => e.title), N(() => f(d, "id", I())), d;
                 }
-              }), null), a(C, r(b, {
+              }), null), a(_, o(b, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var c = me();
-                  return a(c, () => e.description), N(() => f(c, "id", D())), c;
+                  var d = me();
+                  return a(d, () => e.description), N(() => f(d, "id", F())), d;
                 }
-              }), null), a(l, r(B, {
+              }), null), a(r, o(D, {
                 variant: "ghost-destructive",
                 size: "icon",
                 class: "-my-2 -mr-2 h-[46px] w-[46px] shrink-0 sm:my-0 sm:-mr-1 sm:h-6 sm:w-6",
                 onClick: () => e.onOpenChange(!1),
-                "aria-label": "Close",
+                get "aria-label"() {
+                  return e.closeLabel ?? "Close";
+                },
                 get children() {
-                  return r(ne, {
+                  return o(ne, {
                     class: "w-3.5 h-3.5"
                   });
                 }
-              }), null), l;
+              }), null), r;
             }
-          }), _), a(_, () => e.children), a(o, r(b, {
+          }), C), a(C, () => e.children), a(i, o(b, {
             get when() {
               return e.footer;
             },
             get children() {
-              var l = be();
-              return a(l, () => e.footer), l;
+              var r = be();
+              return a(r, () => e.footer), r;
             }
           }), null), t;
         }
@@ -205,7 +211,7 @@ function _e(e) {
 }
 function Te(e) {
   const g = re();
-  return r(_e, {
+  return o(Ce, {
     get open() {
       return e.open;
     },
@@ -222,7 +228,7 @@ function Te(e) {
       return e.globalZIndex;
     },
     get footer() {
-      return [r(B, {
+      return [o(D, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
@@ -231,7 +237,7 @@ function Te(e) {
         get children() {
           return e.cancelText ?? g.config.strings.confirmDialog.cancel;
         }
-      }), r(B, {
+      }), o(D, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -247,11 +253,11 @@ function Te(e) {
       })];
     },
     get children() {
-      return e.children ?? we();
+      return e.children ?? ye();
     }
   });
 }
 export {
   Te as ConfirmDialog,
-  _e as Dialog
+  Ce as Dialog
 };

package/dist/components/ui/DirectoryInput.js

@@ -1,63 +1,64 @@
-import { insert as r, createComponent as l, mergeProps as $, memo as y, effect as C, className as x, setAttribute as f, template as a, delegateEvents as _ } from "solid-js/web";
-import { createSignal as E, mergeProps as S, Show as d } from "solid-js";
+import { insert as a, createComponent as i, mergeProps as y, memo as C, effect as _, className as P, setAttribute as d, template as l, delegateEvents as E } from "solid-js/web";
+import { createSignal as S, mergeProps as z, Show as u } from "solid-js";
 import { cn as b } from "../../utils/cn.js";
-import { Folder as z, ChevronRight as A } from "../icons/index.js";
-import { formatPickerPath as N } from "./picker/PickerNavigation.js";
-import { usePickerNavigation as T, PickerPanel as D } from "./picker/PickerBase.js";
-var F = /* @__PURE__ */ a("<div class=mt-2>"), I = /* @__PURE__ */ a('<p role=alert class="mt-1 text-xs text-error">'), R = /* @__PURE__ */ a('<p class="mt-1 text-xs text-muted-foreground">'), V = /* @__PURE__ */ a('<div><button type=button><span class="min-w-0 flex-1 truncate">');
-function K(t) {
-  const [o, P] = E(t.defaultExpanded !== !1), w = S(t, {
+import { Folder as A, ChevronRight as N } from "../icons/index.js";
+import { formatPickerPath as T } from "./picker/PickerNavigation.js";
+import { usePickerNavigation as D, PickerPanel as F } from "./picker/PickerBase.js";
+var I = /* @__PURE__ */ l("<div class=mt-2>"), R = /* @__PURE__ */ l('<p role=alert class="mt-1 text-xs text-error">'), V = /* @__PURE__ */ l('<p class="mt-1 text-xs text-muted-foreground">'), j = /* @__PURE__ */ l('<div><button data-floe-input-surface type=button><span class="min-w-0 flex-1 truncate">');
+function L(t) {
+  const [o, w] = S(t.defaultExpanded !== !1), k = z(t, {
     get initialPath() {
       return t.value || t.initialPath;
     }
-  }), s = T(w, () => t.open ?? !0, (i) => t.onChange?.(i)), k = () => N(t.value ?? "", s.context()?.homePathAbs ?? t.homePath);
+  }), c = D(k, () => t.open ?? !0, (n) => t.onChange?.(n)), $ = () => T(t.value ?? "", c.context()?.homePathAbs ?? t.homePath);
   return (() => {
-    var i = V(), n = i.firstChild, c = n.firstChild;
-    return n.$$click = () => P((e) => !e), r(n, l(z, {
+    var n = j(), r = n.firstChild, m = r.firstChild;
+    return r.$$click = () => w((e) => !e), a(r, i(A, {
       class: "h-4 w-4 shrink-0 text-muted-foreground"
-    }), c), r(c, () => k() || t.placeholder || "Select a directory…"), r(n, l(A, {
+    }), m), a(m, () => $() || t.placeholder || "Select a directory…"), a(r, i(N, {
       get class() {
         return b("h-3.5 w-3.5 shrink-0 transition-transform", o() && "rotate-90");
       }
-    }), null), r(i, l(d, {
+    }), null), a(n, i(u, {
       get when() {
         return o();
       },
       get children() {
-        var e = F();
-        return r(e, l(D, $(t, {
-          source: s
+        var e = I();
+        return a(e, i(F, y(t, {
+          source: c
         }))), e;
       }
-    }), null), r(i, l(d, {
+    }), null), a(n, i(u, {
       get when() {
         return t.error;
       },
       get children() {
-        var e = I();
-        return r(e, () => t.error), e;
+        var e = R();
+        return a(e, () => t.error), e;
       }
-    }), null), r(i, l(d, {
+    }), null), a(n, i(u, {
       get when() {
-        return y(() => !!t.helperText)() && !t.error;
+        return C(() => !!t.helperText)() && !t.error;
       },
       get children() {
-        var e = R();
-        return r(e, () => t.helperText), e;
+        var e = V();
+        return a(e, () => t.helperText), e;
       }
-    }), null), C((e) => {
-      var u = t.class, m = t.disabled, h = o(), v = t.value, g = b("flex w-full cursor-pointer items-center gap-2 rounded border border-input bg-background px-2 text-left shadow-sm focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", t.size === "lg" ? "h-9 text-sm" : t.size === "md" ? "h-8 text-xs" : "h-7 text-xs");
-      return u !== e.e && x(i, e.e = u), m !== e.t && (n.disabled = e.t = m), h !== e.a && f(n, "aria-expanded", e.a = h), v !== e.o && f(n, "title", e.o = v), g !== e.i && x(n, e.i = g), e;
+    }), null), _((e) => {
+      var s = t.class, h = t.error ? !0 : void 0, v = t.disabled, x = o(), f = t.value, g = b("flex w-full cursor-pointer items-center gap-2 rounded border border-input bg-background px-2 text-left shadow-sm disabled:cursor-not-allowed disabled:opacity-50", t.size === "lg" ? "h-9 text-sm" : t.size === "md" ? "h-8 text-xs" : "h-7 text-xs");
+      return s !== e.e && P(n, e.e = s), h !== e.t && d(r, "aria-invalid", e.t = h), v !== e.a && (r.disabled = e.a = v), x !== e.o && d(r, "aria-expanded", e.o = x), f !== e.i && d(r, "title", e.i = f), g !== e.n && P(r, e.n = g), e;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
-      i: void 0
-    }), i;
+      i: void 0,
+      n: void 0
+    }), n;
   })();
 }
-_(["click"]);
+E(["click"]);
 export {
-  K as DirectoryInput
+  L as DirectoryInput
 };