@floegence/floe-webapp-core 0.50.3 → 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/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
 };