@floegence/floe-webapp-core 0.50.6 → 0.52.0

package/dist/components/ui/Checkbox.js

@@ -1,12 +1,12 @@
-import { createComponent as r, insert as n, effect as d, className as g, spread as P, mergeProps as S, template as u, memo as A, setAttribute as G } from "solid-js/web";
-import { splitProps as I, Switch as D, Match as C, Show as p, For as E, useContext as F, createContext as H, createUniqueId as N } from "solid-js";
-import { cn as a } from "../../utils/cn.js";
-var U = /* @__PURE__ */ u('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M2 6l3 3 5-6">'), V = /* @__PURE__ */ u('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round><path d="M2 6h8">'), J = /* @__PURE__ */ u("<div role=group>"), M = /* @__PURE__ */ u("<div>"), K = /* @__PURE__ */ u("<input type=checkbox>"), y = /* @__PURE__ */ u("<span>"), O = /* @__PURE__ */ u('<div class="flex flex-col">'), Q = /* @__PURE__ */ u('<label><div class="relative flex items-center justify-center pt-0.5">'), R = /* @__PURE__ */ u("<label><span class=font-medium>"), T = /* @__PURE__ */ u('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-primary"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), W = /* @__PURE__ */ u('<label><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"></div><div class="flex flex-col flex-1 min-w-0">'), X = /* @__PURE__ */ u('<div class="absolute top-1.5 right-1.5"><div class="w-4 h-4 rounded-full bg-primary flex items-center justify-center">'), Y = /* @__PURE__ */ u("<label>");
-const q = H();
-function Z() {
-  return F(q);
+import { createComponent as l, insert as o, effect as f, className as m, setAttribute as p, spread as D, mergeProps as M, template as v, use as N, memo as G } from "solid-js/web";
+import { splitProps as B, createUniqueId as U, Switch as V, Match as S, Show as b, For as J, useContext as K, createEffect as O, createContext as Q } from "solid-js";
+import { cn as u } from "../../utils/cn.js";
+var R = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M2 6l3 3 5-6">'), T = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round><path d="M2 6h8">'), W = /* @__PURE__ */ v("<div role=group>"), X = /* @__PURE__ */ v("<div data-floe-surface=inset data-floe-surface-part=indicator>"), Y = /* @__PURE__ */ v("<input data-floe-choice-input type=checkbox>"), _ = /* @__PURE__ */ v("<span>"), Z = /* @__PURE__ */ v('<div class="flex flex-col">'), ee = /* @__PURE__ */ v('<label><div class="relative flex items-center justify-center pt-0.5">'), re = /* @__PURE__ */ v("<label data-floe-surface-part=choice><span class=font-medium>"), te = /* @__PURE__ */ v('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-primary"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), ne = /* @__PURE__ */ v('<label data-floe-surface-part=choice><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"></div><div class="flex flex-col flex-1 min-w-0">'), le = /* @__PURE__ */ v('<div class="absolute top-1.5 right-1.5"><div class="w-4 h-4 rounded-full bg-primary flex items-center justify-center">'), oe = /* @__PURE__ */ v("<label data-floe-surface-part=choice>"), ie = /* @__PURE__ */ v("<div>");
+const F = Q();
+function ae() {
+  return K(F);
 }
-const v = {
+const C = {
   sm: {
     box: "w-3.5 h-3.5",
     icon: "w-2.5 h-2.5",
@@ -25,15 +25,15 @@ const v = {
     label: "text-sm",
     description: "text-xs"
   }
-}, ee = {
+}, se = {
   sm: "px-2.5 py-1 text-xs",
   md: "px-3 py-1.5 text-xs",
   lg: "px-4 py-2 text-sm"
-}, re = {
+}, de = {
   sm: "p-2.5",
   md: "p-3",
   lg: "p-4"
-}, B = {
+}, q = {
   sm: {
     container: "p-3 min-w-[80px]",
     icon: "w-5 h-5"
@@ -47,233 +47,279 @@ const v = {
     icon: "w-8 h-8"
   }
 };
-function L(f) {
+function A(w) {
   return (() => {
-    var o = U();
-    return d(() => G(o, "class", f.class)), o;
+    var a = R();
+    return f(() => p(a, "class", w.class)), a;
   })();
 }
-function te(f) {
+function ce(w) {
   return (() => {
-    var o = V();
-    return d(() => G(o, "class", f.class)), o;
+    var a = T();
+    return f(() => p(a, "class", w.class)), a;
   })();
 }
-function ne(f) {
-  const [o, e] = I(f, ["value", "onChange", "size", "orientation", "variant", "disabled", "class", "children"]), h = () => o.variant ?? "default", k = {
-    value: () => o.value ?? [],
-    onChange: (i, b) => {
-      const m = o.value ?? [], s = b ? [...m, i] : m.filter((z) => z !== i);
-      o.onChange?.(s);
+function ue(w) {
+  const [a, e] = B(w, ["value", "onChange", "size", "orientation", "variant", "disabled", "class", "children"]), h = () => a.variant ?? "default", I = {
+    value: () => a.value ?? [],
+    onChange: (g, c) => {
+      const x = a.value ?? [], y = c ? [...x, g] : x.filter((d) => d !== g);
+      a.onChange?.(y);
     },
-    size: () => o.size ?? "md",
+    size: () => a.size ?? "md",
     variant: h,
-    disabled: () => o.disabled ?? !1
-  }, _ = () => {
-    const i = h(), b = o.orientation === "horizontal";
-    return i === "button" ? a("inline-flex rounded-md border border-border overflow-hidden", b ? "flex-row" : "flex-col") : i === "card" || i === "tile" ? a("grid gap-2", b ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : a("flex", b ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
+    disabled: () => a.disabled ?? !1
+  }, j = () => {
+    const g = h(), c = a.orientation === "horizontal";
+    return g === "button" ? u("inline-flex rounded-md border border-border overflow-hidden", c ? "flex-row" : "flex-col") : g === "card" || g === "tile" ? u("grid gap-2", c ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : u("flex", c ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
   };
-  return r(q.Provider, {
-    value: k,
+  return l(F.Provider, {
+    value: I,
     get children() {
-      var i = J();
-      return P(i, S({
+      var g = W();
+      return D(g, M({
+        get "data-floe-surface"() {
+          return h() === "button" ? "inset" : void 0;
+        },
+        get "data-floe-surface-part"() {
+          return h() === "button" ? "rail" : void 0;
+        },
         get class() {
-          return a(_(), o.class);
+          return u(j(), a.class);
         }
-      }, e), !1, !0), n(i, () => o.children), i;
+      }, e), !1, !0), o(g, () => a.children), g;
     }
   });
 }
-function le(f) {
-  const o = Z(), [e, h] = I(f, ["value", "checked", "onChange", "label", "description", "icon", "size", "variant", "indeterminate", "class", "disabled", "id"]), k = () => e.id ?? N(), _ = () => o !== void 0, i = () => e.size ?? o?.size() ?? "md", b = () => e.variant ?? o?.variant() ?? "default", m = () => e.disabled ?? o?.disabled() ?? !1, s = () => _() && e.value ? o.value().includes(e.value) : e.checked ?? !1, z = () => {
-    m() || (_() && e.value ? o.onChange(e.value, !s()) : e.onChange?.(!s()));
-  }, j = () => (() => {
-    var t = M();
-    return n(t, r(p, {
+function fe(w) {
+  const a = ae(), [e, h] = B(w, ["value", "checked", "onChange", "label", "description", "icon", "size", "variant", "indeterminate", "ref", "class", "disabled", "id"]), I = U(), j = () => e.id ?? I, g = () => a !== void 0, c = () => e.size ?? a?.size() ?? "md", x = () => e.variant ?? a?.variant() ?? "default", y = () => e.disabled ?? a?.disabled() ?? !1, d = () => g() && e.value ? a.value().includes(e.value) : e.checked ?? !1, H = () => {
+    y() || (g() && e.value ? a.onChange(e.value, !d()) : e.onChange?.(!d()));
+  }, L = () => (() => {
+    var t = X();
+    return o(t, l(b, {
       get when() {
         return e.indeterminate;
       },
       get children() {
-        return r(te, {
+        return l(ce, {
           get class() {
-            return a(v[i()].icon, "transition-transform duration-150");
+            return u(C[c()].icon, "transition-transform duration-150");
           }
         });
       }
-    }), null), n(t, r(p, {
+    }), null), o(t, l(b, {
       get when() {
-        return A(() => !e.indeterminate)() && s();
+        return G(() => !e.indeterminate)() && d();
       },
       get children() {
-        return r(L, {
+        return l(A, {
           get class() {
-            return a(v[i()].icon, "transition-transform duration-150");
+            return u(C[c()].icon, "transition-transform duration-150");
           }
         });
       }
-    }), null), d(() => g(t, a("rounded-[3px] border-2 transition-all duration-150", "flex items-center justify-center", v[i()].box, s() || e.indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background hover:border-primary/50", m() && "cursor-not-allowed opacity-50"))), t;
-  })(), $ = (t) => (() => {
-    var l = K();
-    return l.addEventListener("change", z), P(l, S({
-      get id() {
-        return k();
-      },
-      get value() {
-        return e.value;
-      },
-      get checked() {
-        return s();
-      },
-      get disabled() {
-        return m();
-      },
-      get class() {
-        return t.class ?? "sr-only peer";
-      }
-    }, h), !1, !1), l;
-  })();
-  return r(D, {
+    }), null), f((r) => {
+      var n = d() || e.indeterminate ? "true" : void 0, i = u("rounded-[3px] border-2 transition-all duration-150", "flex items-center justify-center", C[c()].box, d() || e.indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background hover:border-primary/50", y() && "cursor-not-allowed");
+      return n !== r.e && p(t, "data-floe-selected", r.e = n), i !== r.t && m(t, r.t = i), r;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
+  })(), z = (t) => {
+    let r;
+    return O(() => {
+      r && (r.indeterminate = e.indeterminate ?? !1);
+    }), (() => {
+      var n = Y();
+      return N((i) => {
+        r = i, typeof e.ref == "function" && e.ref(i);
+      }, n), n.addEventListener("change", H), D(n, M({
+        get id() {
+          return j();
+        },
+        get value() {
+          return e.value;
+        },
+        get checked() {
+          return d();
+        },
+        get "aria-checked"() {
+          return G(() => !!e.indeterminate)() ? "mixed" : d();
+        },
+        get disabled() {
+          return y();
+        },
+        get class() {
+          return t.class ?? "sr-only peer";
+        }
+      }, h), !1, !1), n;
+    })();
+  };
+  return l(V, {
     get children() {
-      return [r(C, {
+      return [l(S, {
         get when() {
-          return b() === "default";
+          return x() === "default";
         },
         get children() {
-          var t = Q(), l = t.firstChild;
-          return n(l, r($, {}), null), n(l, r(j, {}), null), n(t, r(p, {
+          var t = ee(), r = t.firstChild;
+          return o(r, l(z, {}), null), o(r, l(L, {}), null), o(t, l(b, {
             get when() {
               return e.label || e.description;
             },
             get children() {
-              var x = O();
-              return n(x, r(p, {
+              var n = Z();
+              return o(n, l(b, {
                 get when() {
                   return e.label;
                 },
                 get children() {
-                  var c = y();
-                  return n(c, () => e.label), d(() => g(c, a("text-foreground", v[i()].label))), c;
+                  var i = _();
+                  return o(i, () => e.label), f(() => m(i, u("text-foreground", C[c()].label))), i;
                 }
-              }), null), n(x, r(p, {
+              }), null), o(n, l(b, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var c = y();
-                  return n(c, () => e.description), d(() => g(c, a("text-muted-foreground", v[i()].description))), c;
+                  var i = _();
+                  return o(i, () => e.description), f(() => m(i, u("text-muted-foreground", C[c()].description))), i;
                 }
-              }), null), x;
+              }), null), n;
             }
-          }), null), d(() => g(t, a("inline-flex items-start gap-2 cursor-pointer select-none", m() && "opacity-50 cursor-not-allowed", e.class))), t;
+          }), null), f(() => m(t, u("inline-flex items-start gap-2 cursor-pointer select-none", y() && "opacity-50 cursor-not-allowed", e.class))), t;
         }
-      }), r(C, {
+      }), l(S, {
         get when() {
-          return b() === "button";
+          return x() === "button";
         },
         get children() {
-          var t = R(), l = t.firstChild;
-          return n(t, r($, {
+          var t = re(), r = t.firstChild;
+          return o(t, l(z, {
             class: "sr-only"
-          }), l), n(l, () => e.label), d(() => g(t, a("cursor-pointer select-none transition-colors duration-150", "border-r border-border last:border-r-0", ee[i()], s() ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted", m() && "opacity-50 cursor-not-allowed", e.class))), t;
+          }), r), o(r, () => e.label), f((n) => {
+            var i = d() ? "inset" : "raised", s = d() ? "true" : void 0, k = x(), $ = u("cursor-pointer select-none transition-colors duration-150", "border-r border-border last:border-r-0", se[c()], d() ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted", y() && "opacity-50 cursor-not-allowed", e.class);
+            return i !== n.e && p(t, "data-floe-surface", n.e = i), s !== n.t && p(t, "data-floe-selected", n.t = s), k !== n.a && p(t, "data-floe-choice-variant", n.a = k), $ !== n.o && m(t, n.o = $), n;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), t;
         }
-      }), r(C, {
+      }), l(S, {
         get when() {
-          return b() === "card";
+          return x() === "card";
         },
         get children() {
-          var t = W(), l = t.firstChild, x = l.firstChild, c = x.nextSibling;
-          return n(t, r($, {
+          var t = ne(), r = t.firstChild, n = r.firstChild, i = n.nextSibling;
+          return o(t, l(z, {
             class: "sr-only"
-          }), l), n(x, r(j, {})), n(c, r(p, {
+          }), r), o(n, l(L, {})), o(i, l(b, {
             get when() {
               return e.label;
             },
             get children() {
-              var w = y();
-              return n(w, () => e.label), d(() => g(w, a("font-medium text-foreground", v[i()].label))), w;
+              var s = _();
+              return o(s, () => e.label), f(() => m(s, u("font-medium text-foreground", C[c()].label))), s;
             }
-          }), null), n(c, r(p, {
+          }), null), o(i, l(b, {
             get when() {
               return e.description;
             },
             get children() {
-              var w = y();
-              return n(w, () => e.description), d(() => g(w, a("text-muted-foreground mt-0.5", v[i()].description))), w;
+              var s = _();
+              return o(s, () => e.description), f(() => m(s, u("text-muted-foreground mt-0.5", C[c()].description))), s;
             }
-          }), null), n(t, r(p, {
+          }), null), o(t, l(b, {
             get when() {
-              return s();
+              return d();
             },
             get children() {
-              return T();
+              return te();
             }
-          }), null), d(() => g(t, a("relative cursor-pointer select-none rounded-lg border-2 transition-all duration-150", re[i()], s() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", m() && "opacity-50 cursor-not-allowed", e.class))), t;
+          }), null), f((s) => {
+            var k = d() ? "inset" : "raised", $ = d() ? "true" : void 0, P = x(), E = u("relative cursor-pointer select-none rounded-lg border-2 transition-all duration-150", de[c()], d() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", y() && "opacity-50 cursor-not-allowed", e.class);
+            return k !== s.e && p(t, "data-floe-surface", s.e = k), $ !== s.t && p(t, "data-floe-selected", s.t = $), P !== s.a && p(t, "data-floe-choice-variant", s.a = P), E !== s.o && m(t, s.o = E), s;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), t;
         }
-      }), r(C, {
+      }), l(S, {
         get when() {
-          return b() === "tile";
+          return x() === "tile";
         },
         get children() {
-          var t = Y();
-          return n(t, r($, {
+          var t = oe();
+          return o(t, l(z, {
             class: "sr-only"
-          }), null), n(t, r(p, {
+          }), null), o(t, l(b, {
             get when() {
               return e.icon;
             },
-            children: (l) => {
-              const x = l();
+            children: (r) => {
+              const n = r();
               return (() => {
-                var c = M();
-                return n(c, r(x, {
+                var i = ie();
+                return o(i, l(n, {
                   get class() {
-                    return B[i()].icon;
+                    return q[c()].icon;
                   }
-                })), d(() => g(c, a("mb-2 transition-colors duration-150", s() ? "text-primary" : "text-muted-foreground"))), c;
+                })), f(() => m(i, u("mb-2 transition-colors duration-150", d() ? "text-primary" : "text-muted-foreground"))), i;
               })();
             }
-          }), null), n(t, r(p, {
+          }), null), o(t, l(b, {
             get when() {
               return e.label;
             },
             get children() {
-              var l = y();
-              return n(l, () => e.label), d(() => g(l, a("font-medium transition-colors duration-150", v[i()].label, s() ? "text-primary" : "text-foreground"))), l;
+              var r = _();
+              return o(r, () => e.label), f(() => m(r, u("font-medium transition-colors duration-150", C[c()].label, d() ? "text-primary" : "text-foreground"))), r;
             }
-          }), null), n(t, r(p, {
+          }), null), o(t, l(b, {
             get when() {
               return e.description;
             },
             get children() {
-              var l = y();
-              return n(l, () => e.description), d(() => g(l, a("text-muted-foreground mt-0.5", v[i()].description))), l;
+              var r = _();
+              return o(r, () => e.description), f(() => m(r, u("text-muted-foreground mt-0.5", C[c()].description))), r;
             }
-          }), null), n(t, r(p, {
+          }), null), o(t, l(b, {
             get when() {
-              return s();
+              return d();
             },
             get children() {
-              var l = X(), x = l.firstChild;
-              return n(x, r(L, {
+              var r = le(), n = r.firstChild;
+              return o(n, l(A, {
                 class: "w-2.5 h-2.5 text-primary-foreground"
-              })), l;
+              })), r;
             }
-          }), null), d(() => g(t, a("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-lg border-2 transition-all duration-150 text-center", B[i()].container, s() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", m() && "opacity-50 cursor-not-allowed", e.class))), t;
+          }), null), f((r) => {
+            var n = d() ? "inset" : "raised", i = d() ? "true" : void 0, s = x(), k = u("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-lg border-2 transition-all duration-150 text-center", q[c()].container, d() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", y() && "opacity-50 cursor-not-allowed", e.class);
+            return n !== r.e && p(t, "data-floe-surface", r.e = n), i !== r.t && p(t, "data-floe-selected", r.t = i), s !== r.a && p(t, "data-floe-choice-variant", r.a = s), k !== r.o && m(t, r.o = k), r;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), t;
         }
       })];
     }
   });
 }
-function se(f) {
-  const [o, e] = I(f, ["options"]);
-  return r(ne, S(e, {
+function me(w) {
+  const [a, e] = B(w, ["options"]);
+  return l(ue, M(e, {
     get children() {
-      return r(E, {
+      return l(J, {
         get each() {
-          return o.options;
+          return a.options;
         },
-        children: (h) => r(le, {
+        children: (h) => l(fe, {
           get value() {
             return h.value;
           },
@@ -295,7 +341,7 @@ function se(f) {
   }));
 }
 export {
-  le as Checkbox,
-  ne as CheckboxGroup,
-  se as CheckboxList
+  fe as Checkbox,
+  ue as CheckboxGroup,
+  me as CheckboxList
 };

package/dist/components/ui/CommandPalette.js

@@ -1,4 +1,4 @@
-import { createComponent as c, Portal as R, effect as C, className as _, setStyleProperty as E, setAttribute as x, insert as i, Dynamic as T, template as m, use as F, delegateEvents as j } from "solid-js/web";
+import { createComponent as c, Portal as R, effect as C, className as _, setStyleProperty as E, setAttribute as x, insert as i, Dynamic as T, template as f, use as F, delegateEvents as j } from "solid-js/web";
 import { createSignal as B, createEffect as H, createMemo as L, Show as h, For as I } from "solid-js";
 import { cn as D } from "../../utils/cn.js";
 import { useCommand as N } from "../../context/CommandContext.js";
@@ -7,8 +7,8 @@ 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 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 = {}) {
+var Q = /* @__PURE__ */ f("<div>"), V = /* @__PURE__ */ f('<div data-floe-surface=floating><div data-floe-input-surface data-floe-surface=inset 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__ */ f('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), Y = /* @__PURE__ */ f('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), Z = /* @__PURE__ */ f('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), ee = /* @__PURE__ */ f('<span class="ml-2 text-muted-foreground text-xs">'), te = /* @__PURE__ */ f('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), re = /* @__PURE__ */ f('<button type=button><div class="flex-1 text-left"><span>');
+function fe(b = {}) {
   const n = N(), k = W();
   let z, M;
   const [S, w] = B(0), v = J({
@@ -61,11 +61,11 @@ function me(b = {}) {
   }, A = L(() => {
     const e = n.filteredCommands(), t = /* @__PURE__ */ new Map();
     return e.forEach((r, a) => {
-      const f = r.category ?? "Commands", s = t.get(f);
+      const m = r.category ?? "Commands", s = t.get(m);
       s ? s.push({
         cmd: r,
         index: a
-      }) : t.set(f, [{
+      }) : t.set(m, [{
         cmd: r,
         index: a
       }]);
@@ -81,8 +81,8 @@ function me(b = {}) {
           return [(() => {
             var e = Q();
             return e.$$click = () => n.close(), C((t) => {
-              var r = D("fixed inset-0 bg-background/60 backdrop-blur-sm floe-floating-presence floe-floating-backdrop", b.zIndex === void 0 && "z-50"), a = b.zIndex, f = v.state(), s = v.exiting() ? "true" : void 0;
-              return r !== t.e && _(e, t.e = r), a !== t.t && E(e, "z-index", t.t = a), f !== t.a && x(e, "data-floating-presence", t.a = f), s !== t.o && x(e, "aria-hidden", t.o = s), t;
+              var r = D("fixed inset-0 bg-background/60 backdrop-blur-sm floe-floating-presence floe-floating-backdrop", b.zIndex === void 0 && "z-50"), a = b.zIndex, m = v.state(), s = v.exiting() ? "true" : void 0;
+              return r !== t.e && _(e, t.e = r), a !== t.t && E(e, "z-index", t.t = a), m !== t.a && x(e, "data-floating-presence", t.a = m), s !== t.o && x(e, "aria-hidden", t.o = s), t;
             }, {
               e: void 0,
               t: void 0,
@@ -90,14 +90,14 @@ function me(b = {}) {
               o: void 0
             }), e;
           })(), (() => {
-            var e = V(), t = e.firstChild, r = t.firstChild, a = r.nextSibling, f = t.nextSibling;
+            var e = V(), t = e.firstChild, r = t.firstChild, a = r.nextSibling, m = t.nextSibling;
             e.$$keydown = O;
             var s = M;
             typeof s == "function" ? F(s, e) : M = e, i(t, c(U, {
               class: "w-5 h-5 text-muted-foreground flex-shrink-0"
             }), r), r.$$input = (o) => n.setSearch(o.currentTarget.value);
             var P = z;
-            return typeof P == "function" ? F(P, r) : z = r, i(a, () => k.config.strings.commandPalette.esc), i(f, c(h, {
+            return typeof P == "function" ? F(P, r) : z = r, i(a, () => k.config.strings.commandPalette.esc), i(m, c(h, {
               get when() {
                 return n.filteredCommands().length > 0;
               },
@@ -172,5 +172,5 @@ function me(b = {}) {
 }
 j(["click", "keydown", "input"]);
 export {
-  me as CommandPalette
+  fe as CommandPalette
 };

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

@@ -15,6 +15,13 @@ export interface DialogProps {
     children: JSX.Element;
     footer?: JSX.Element;
     class?: string;
+    /** Bottom drawers retain the same modal and surface-placement contract. */
+    presentation?: 'dialog' | 'bottom-drawer';
+    /** Undefined uses the default header; null leaves only accessible title/description. */
+    header?: JSX.Element;
+    contentClass?: string;
+    /** Includes the exit animation, so hosts can retain background input isolation. */
+    onPresenceChange?: (present: boolean) => void;
     /** Optional stacking layer for global dialogs. Overrides the placement provider default. */
     globalZIndex?: number;
 }