@floegence/floe-webapp-core 0.1.0

package/dist/index22.js

@@ -0,0 +1,293 @@
+import { delegateEvents as ve, createComponent as l, Portal as ze, template as D, insert as f, effect as s, setAttribute as oe, addEventListener as m, className as a, memo as be, setStyleProperty as E, use as ye } from "solid-js/web";
+import { createUniqueId as pe, createSignal as M, onMount as Se, createEffect as le, onCleanup as Me, Show as W } from "solid-js";
+import { cn as q } from "./index53.js";
+import { Button as se } from "./index19.js";
+import { Restore as $e, Maximize as Pe, X as Ie } from "./index30.js";
+import { lockBodyStyle as Ce } from "./index57.js";
+var _e = /* @__PURE__ */ D('<h2 class="text-sm font-medium truncate select-none">'), Ee = /* @__PURE__ */ D('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), x = /* @__PURE__ */ D("<div style=touch-action:none>"), We = /* @__PURE__ */ D('<div role=dialog aria-modal=true><div style=touch-action:none><div class="flex-1 min-w-0"></div><div class="flex items-center gap-0.5 -mr-1"></div></div><div class="flex-1 overflow-auto p-3">');
+function Fe(i) {
+  const T = () => i.resizable ?? !0, U = () => i.draggable ?? !0, H = () => i.minSize ?? {
+    width: 200,
+    height: 150
+  }, X = () => i.maxSize ?? {
+    width: 1 / 0,
+    height: 1 / 0
+  }, ae = () => i.zIndex ?? 100, de = pe(), j = () => `floating-window-${de}-title`, [$, P] = M(i.defaultPosition ?? {
+    x: 0,
+    y: 0
+  }), [y, A] = M(i.defaultSize ?? {
+    width: 400,
+    height: 300
+  }), [d, G] = M(!1), [ue, N] = M(!1), [ce, Z] = M(!1), [he, we] = M(null);
+  let F = {
+    x: 0,
+    y: 0
+  }, L = {
+    x: 0,
+    y: 0
+  }, O = {
+    x: 0,
+    y: 0
+  }, v = {
+    width: 0,
+    height: 0
+  }, I = {
+    x: 0,
+    y: 0
+  }, C = "se", r, u = null, c = null, _ = {
+    x: 0,
+    y: 0
+  }, p = null, h = null;
+  const ge = {
+    n: "ns-resize",
+    s: "ns-resize",
+    e: "ew-resize",
+    w: "ew-resize",
+    ne: "nesw-resize",
+    nw: "nwse-resize",
+    se: "nwse-resize",
+    sw: "nesw-resize"
+  }, R = (t, n) => {
+    if (!t) {
+      h == null || h(), h = null;
+      return;
+    }
+    h == null || h(), h = Ce({
+      cursor: n,
+      "user-select": "none"
+    });
+  }, B = (t) => {
+    if (p !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(p), p = null), t !== void 0)
+      try {
+        r == null || r.releasePointerCapture(t);
+      } catch {
+      }
+    u = null, c = null, N(!1), Z(!1), R(!1, "");
+  };
+  Se(() => {
+    if (!i.defaultPosition) {
+      const t = window.innerWidth, n = window.innerHeight, o = y();
+      P({
+        x: Math.max(0, (t - o.width) / 2),
+        y: Math.max(0, (n - o.height) / 2)
+      });
+    }
+  }), le(() => {
+    if (!i.open) return;
+    const t = (n) => {
+      n.key === "Escape" && i.onOpenChange(!1);
+    };
+    document.addEventListener("keydown", t), Me(() => document.removeEventListener("keydown", t));
+  }), le(() => {
+    i.open || B(u ?? void 0);
+  });
+  const fe = (t) => {
+    if (!U() || d() || t.pointerType === "mouse" && t.button !== 0) return;
+    const n = t.target;
+    n != null && n.closest('button, input, select, textarea, a, [role="button"]') || (t.preventDefault(), u = t.pointerId, c = "drag", N(!0), F = {
+      x: t.clientX,
+      y: t.clientY
+    }, L = {
+      ...$()
+    }, _ = {
+      x: t.clientX,
+      y: t.clientY
+    }, R(!0, "grabbing"), r == null || r.setPointerCapture(t.pointerId));
+  }, w = (t) => (n) => {
+    !T() || d() || n.pointerType === "mouse" && n.button !== 0 || (n.preventDefault(), n.stopPropagation(), u = n.pointerId, c = "resize", Z(!0), C = t, O = {
+      x: n.clientX,
+      y: n.clientY
+    }, v = {
+      ...y()
+    }, I = {
+      ...$()
+    }, _ = {
+      x: n.clientX,
+      y: n.clientY
+    }, R(!0, ge[t]), r == null || r.setPointerCapture(n.pointerId));
+  }, J = () => {
+    if (p = null, !i.open || u === null || c === null) return;
+    const t = _.x - (c === "drag" ? F.x : O.x), n = _.y - (c === "drag" ? F.y : O.y);
+    if (c === "drag") {
+      const e = y(), Y = Math.max(0, Math.min(window.innerWidth - e.width, L.x + t)), k = Math.max(0, Math.min(window.innerHeight - e.height, L.y + n));
+      P({
+        x: Y,
+        y: k
+      });
+      return;
+    }
+    let o = v.width, z = v.height, S = I.x, b = I.y;
+    if (C.includes("e") && (o = Math.max(H().width, Math.min(X().width, v.width + t))), C.includes("w")) {
+      const e = v.width - t;
+      e >= H().width && e <= X().width && (o = e, S = I.x + t);
+    }
+    if (C.includes("s") && (z = Math.max(H().height, Math.min(X().height, v.height + n))), C.includes("n")) {
+      const e = v.height - n;
+      e >= H().height && e <= X().height && (z = e, b = I.y + n);
+    }
+    S = Math.max(0, Math.min(window.innerWidth - o, S)), b = Math.max(0, Math.min(window.innerHeight - z, b)), A({
+      width: o,
+      height: z
+    }), P({
+      x: S,
+      y: b
+    });
+  }, me = (t) => {
+    if (!(u === null || t.pointerId !== u) && c !== null && (_ = {
+      x: t.clientX,
+      y: t.clientY
+    }, p === null)) {
+      if (typeof requestAnimationFrame > "u") {
+        J();
+        return;
+      }
+      p = requestAnimationFrame(J);
+    }
+  }, K = (t) => {
+    u === null || t.pointerId !== u || B(t.pointerId);
+  }, Q = () => {
+    if (d()) {
+      const t = he();
+      t && (P(t.position), A(t.size)), G(!1);
+    } else
+      we({
+        position: $(),
+        size: y()
+      }), P({
+        x: 0,
+        y: 0
+      }), A({
+        width: window.innerWidth,
+        height: window.innerHeight
+      }), G(!0);
+  }, xe = () => {
+    Q();
+  }, g = (t) => q("absolute z-10", {
+    n: "cursor-ns-resize top-0 left-2 right-2 h-1",
+    s: "cursor-ns-resize bottom-0 left-2 right-2 h-1",
+    e: "cursor-ew-resize right-0 top-2 bottom-2 w-1",
+    w: "cursor-ew-resize left-0 top-2 bottom-2 w-1",
+    ne: "cursor-nesw-resize top-0 right-0 w-2 h-2",
+    nw: "cursor-nwse-resize top-0 left-0 w-2 h-2",
+    se: "cursor-nwse-resize bottom-0 right-0 w-2 h-2",
+    sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
+  }[t]);
+  return l(W, {
+    get when() {
+      return i.open;
+    },
+    get children() {
+      return l(ze, {
+        get children() {
+          var t = We(), n = t.firstChild, o = n.firstChild, z = o.nextSibling, S = n.nextSibling;
+          t.addEventListener("pointercancel", K), t.$$pointerup = K, t.$$pointermove = me;
+          var b = r;
+          return typeof b == "function" ? ye(b, t) : r = t, n.$$dblclick = xe, n.$$pointerdown = fe, f(o, l(W, {
+            get when() {
+              return i.title;
+            },
+            get children() {
+              var e = _e();
+              return f(e, () => i.title), s(() => oe(e, "id", j())), e;
+            }
+          })), f(z, l(se, {
+            variant: "ghost",
+            size: "icon",
+            class: "h-6 w-6",
+            onClick: (e) => {
+              e.stopPropagation(), Q();
+            },
+            get "aria-label"() {
+              return d() ? "Restore" : "Maximize";
+            },
+            get children() {
+              return l(W, {
+                get when() {
+                  return d();
+                },
+                get fallback() {
+                  return l(Pe, {
+                    class: "w-3 h-3"
+                  });
+                },
+                get children() {
+                  return l($e, {
+                    class: "w-3 h-3"
+                  });
+                }
+              });
+            }
+          }), null), f(z, l(se, {
+            variant: "ghost",
+            size: "icon",
+            class: "h-6 w-6 hover:bg-error hover:text-error-foreground",
+            onClick: (e) => {
+              e.stopPropagation(), i.onOpenChange(!1);
+            },
+            "aria-label": "Close",
+            get children() {
+              return l(Ie, {
+                class: "w-3.5 h-3.5"
+              });
+            }
+          }), null), f(S, () => i.children), f(t, l(W, {
+            get when() {
+              return i.footer;
+            },
+            get children() {
+              var e = Ee();
+              return f(e, () => i.footer), e;
+            }
+          }), null), f(t, l(W, {
+            get when() {
+              return be(() => !!T())() && !d();
+            },
+            get children() {
+              return [(() => {
+                var e = x();
+                return m(e, "pointerdown", w("n"), !0), s(() => a(e, g("n"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("s"), !0), s(() => a(e, g("s"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("e"), !0), s(() => a(e, g("e"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("w"), !0), s(() => a(e, g("w"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("ne"), !0), s(() => a(e, g("ne"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("nw"), !0), s(() => a(e, g("nw"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("se"), !0), s(() => a(e, g("se"))), e;
+              })(), (() => {
+                var e = x();
+                return m(e, "pointerdown", w("sw"), !0), s(() => a(e, g("sw"))), e;
+              })()];
+            }
+          }), null), s((e) => {
+            var Y = q("fixed bg-card text-card-foreground rounded-md shadow-xl", "border border-border", "flex flex-col", "animate-in fade-in zoom-in-95", d() && "rounded-none", (ue() || ce()) && "select-none", i.class), k = `${$().x}px`, V = `${$().y}px`, ee = `${y().width}px`, te = `${y().height}px`, ne = ae(), ie = i.title ? j() : void 0, re = q("flex items-center justify-between h-9 px-3", "border-b border-border", "bg-muted/50", d() ? "rounded-none" : "rounded-t-md", U() && !d() && "cursor-move");
+            return Y !== e.e && a(t, e.e = Y), k !== e.t && E(t, "left", e.t = k), V !== e.a && E(t, "top", e.a = V), ee !== e.o && E(t, "width", e.o = ee), te !== e.i && E(t, "height", e.i = te), ne !== e.n && E(t, "z-index", e.n = ne), ie !== e.s && oe(t, "aria-labelledby", e.s = ie), re !== e.h && a(n, e.h = re), e;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0,
+            s: void 0,
+            h: void 0
+          }), t;
+        }
+      });
+    }
+  });
+}
+ve(["pointermove", "pointerup", "pointerdown", "dblclick"]);
+export {
+  Fe as FloatingWindow
+};

package/dist/index23.js

@@ -0,0 +1,136 @@
+import { delegateEvents as k, template as f, insert as s, createComponent as d, effect as b, className as g, use as x } from "solid-js/web";
+import { createSignal as _, createEffect as p, onCleanup as C, Show as h, For as S } from "solid-js";
+import { cn as v } from "./index53.js";
+import { deferNonBlocking as E } from "./index54.js";
+import { ChevronDown as L, Check as j } from "./index30.js";
+var D = /* @__PURE__ */ f("<div role=menu>"), O = /* @__PURE__ */ f("<div><div class=cursor-pointer>"), N = /* @__PURE__ */ f('<div class="my-1 h-px bg-border"role=separator>'), R = /* @__PURE__ */ f('<button type=button role=menuitem><span class="w-3.5 h-3.5 flex items-center justify-center"></span><span class="flex-1 text-left">'), z = /* @__PURE__ */ f('<span class="w-3.5 h-3.5 flex items-center justify-center">'), B = /* @__PURE__ */ f("<button type=button><span>");
+function F(e) {
+  const [o, c] = _(!1);
+  let t, r;
+  p(() => {
+    if (!o()) return;
+    const l = (a) => {
+      t && !t.contains(a.target) && r && !r.contains(a.target) && c(!1);
+    }, i = (a) => {
+      a.key === "Escape" && c(!1);
+    };
+    document.addEventListener("mousedown", l), document.addEventListener("keydown", i), C(() => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", i);
+    });
+  });
+  const n = {
+    start: "left-0",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-0"
+  };
+  return (() => {
+    var l = O(), i = l.firstChild;
+    i.$$click = () => c((u) => !u);
+    var a = t;
+    return typeof a == "function" ? x(a, i) : t = i, s(i, () => e.trigger), s(l, d(h, {
+      get when() {
+        return o();
+      },
+      get children() {
+        var u = D(), w = r;
+        return typeof w == "function" ? x(w, u) : r = u, s(u, d(S, {
+          get each() {
+            return e.items;
+          },
+          children: (m) => d(h, {
+            get when() {
+              return !m.separator;
+            },
+            get fallback() {
+              return N();
+            },
+            get children() {
+              return d(I, {
+                item: m,
+                get selected() {
+                  return e.value === m.id;
+                },
+                onSelect: () => {
+                  if (!m.disabled) {
+                    const y = m.id, $ = e.onSelect;
+                    c(!1), E(() => $(y));
+                  }
+                }
+              });
+            }
+          })
+        })), b(() => g(u, v("absolute z-50 mt-1 min-w-36 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "animate-in fade-in slide-in-from-top-2", n[e.align ?? "start"]))), u;
+      }
+    }), null), b(() => g(l, v("relative inline-block", e.class))), l;
+  })();
+}
+function I(e) {
+  return (() => {
+    var o = R(), c = o.firstChild, t = c.nextSibling;
+    return o.$$click = () => e.onSelect(), s(c, d(h, {
+      get when() {
+        return e.selected;
+      },
+      get children() {
+        return d(j, {
+          class: "w-3 h-3"
+        });
+      }
+    })), s(o, d(h, {
+      get when() {
+        return e.item.icon;
+      },
+      keyed: !0,
+      children: (r) => (() => {
+        var n = z();
+        return s(n, r), n;
+      })()
+    }), t), s(t, () => e.item.label), b((r) => {
+      var n = v("w-full flex items-center gap-1.5 px-2 py-1 text-xs", "transition-colors duration-75", "focus:outline-none focus:bg-accent", e.item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent cursor-pointer"), l = e.item.disabled;
+      return n !== r.e && g(o, r.e = n), l !== r.t && (o.disabled = r.t = l), r;
+    }, {
+      e: void 0,
+      t: void 0
+    }), o;
+  })();
+}
+function J(e) {
+  const o = () => e.options.find((t) => t.value === e.value), c = () => e.options.map((t) => ({
+    id: t.value,
+    label: t.label
+  }));
+  return d(F, {
+    get trigger() {
+      return (() => {
+        var t = B(), r = t.firstChild;
+        return s(r, () => {
+          var n;
+          return ((n = o()) == null ? void 0 : n.label) ?? e.placeholder ?? "Select...";
+        }), s(t, d(L, {
+          class: "w-3.5 h-3.5 text-muted-foreground"
+        }), null), b((n) => {
+          var l = v("flex items-center justify-between gap-2 h-8 px-2.5 w-full cursor-pointer", "rounded border border-input bg-background text-xs shadow-sm", "transition-colors duration-100", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", e.class), i = e.disabled, a = v(!o() && "text-muted-foreground");
+          return l !== n.e && g(t, n.e = l), i !== n.t && (t.disabled = n.t = i), a !== n.a && g(r, n.a = a), n;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), t;
+      })();
+    },
+    get items() {
+      return c();
+    },
+    get value() {
+      return e.value;
+    },
+    get onSelect() {
+      return e.onChange;
+    }
+  });
+}
+k(["click"]);
+export {
+  F as Dropdown,
+  J as Select
+};

package/dist/index24.js

@@ -0,0 +1,45 @@
+import { delegateEvents as x, template as b, insert as n, createComponent as g, effect as y, className as u } from "solid-js/web";
+import { createSignal as w, Show as $ } from "solid-js";
+import { cn as m } from "./index53.js";
+var S = /* @__PURE__ */ b("<div role=tooltip><div>"), E = /* @__PURE__ */ b('<div class="relative inline-block">');
+function C(e) {
+  const [c, a] = w(!1);
+  let l;
+  const s = () => {
+    l = setTimeout(() => a(!0), e.delay ?? 300);
+  }, i = () => {
+    l && clearTimeout(l), a(!1);
+  }, v = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  }, h = {
+    top: "top-full left-1/2 -translate-x-1/2 border-t-popover border-x-transparent border-b-transparent",
+    bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-popover border-x-transparent border-t-transparent",
+    left: "left-full top-1/2 -translate-y-1/2 border-l-popover border-y-transparent border-r-transparent",
+    right: "right-full top-1/2 -translate-y-1/2 border-r-popover border-y-transparent border-l-transparent"
+  };
+  return (() => {
+    var t = E();
+    return t.$$focusout = i, t.$$focusin = s, t.addEventListener("mouseleave", i), t.addEventListener("mouseenter", s), n(t, () => e.children, null), n(t, g($, {
+      get when() {
+        return c();
+      },
+      get children() {
+        var o = S(), d = o.firstChild;
+        return n(o, () => e.content, d), y((r) => {
+          var p = m("absolute z-50 px-2 py-1", "bg-popover text-popover-foreground text-xs rounded shadow-md", "whitespace-nowrap", "animate-in fade-in zoom-in-95", v[e.placement ?? "top"], e.class), f = m("absolute w-0 h-0 border-4", h[e.placement ?? "top"]);
+          return p !== r.e && u(o, r.e = p), f !== r.t && u(d, r.t = f), r;
+        }, {
+          e: void 0,
+          t: void 0
+        }), o;
+      }
+    }), null), t;
+  })();
+}
+x(["focusin", "focusout"]);
+export {
+  C as Tooltip
+};

package/dist/index25.js

@@ -0,0 +1,146 @@
+import { delegateEvents as M, createComponent as i, Portal as O, template as c, insert as l, use as L, Dynamic as z, effect as y, className as C, setAttribute as F } from "solid-js/web";
+import { createSignal as I, createEffect as w, onCleanup as S, createMemo as K, Show as g, For as D } from "solid-js";
+import { cn as E } from "./index53.js";
+import { useCommand as R } from "./index42.js";
+import { Search as j } from "./index30.js";
+import { lockBodyStyle as B } from "./index57.js";
+import { useResolvedFloeConfig as N } from "./index39.js";
+var T = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/60 backdrop-blur-sm animate-in fade-in">'), U = /* @__PURE__ */ c('<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 py-2">'), q = /* @__PURE__ */ c('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), G = /* @__PURE__ */ c('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), H = /* @__PURE__ */ c('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), J = /* @__PURE__ */ c('<span class="ml-2 text-muted-foreground text-xs">'), Q = /* @__PURE__ */ c('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), V = /* @__PURE__ */ c('<button type=button><div class="flex-1 text-left"><span>');
+function ne() {
+  const t = R(), $ = N();
+  let x;
+  const [k, f] = I(0);
+  w(() => {
+    t.isOpen() && x && (x.focus(), f(0));
+  }), w(() => {
+    t.search(), f(0);
+  }), w(() => {
+    if (!t.isOpen()) return;
+    const n = (o) => {
+      const e = t.filteredCommands();
+      switch (o.key) {
+        case "Escape":
+          o.preventDefault(), t.close();
+          break;
+        case "ArrowDown":
+          o.preventDefault(), f((a) => Math.min(a + 1, e.length - 1));
+          break;
+        case "ArrowUp":
+          o.preventDefault(), f((a) => Math.max(a - 1, 0));
+          break;
+        case "Enter":
+          o.preventDefault(), e[k()] && t.execute(e[k()].id);
+          break;
+      }
+    };
+    window.addEventListener("keydown", n), S(() => window.removeEventListener("keydown", n));
+  }), w(() => {
+    if (!t.isOpen()) return;
+    const n = B({
+      overflow: "hidden"
+    });
+    S(n);
+  });
+  const P = K(() => {
+    const n = t.filteredCommands(), o = /* @__PURE__ */ new Map();
+    return n.forEach((e, a) => {
+      const h = e.category ?? "Commands", p = o.get(h);
+      p ? p.push({
+        cmd: e,
+        index: a
+      }) : o.set(h, [{
+        cmd: e,
+        index: a
+      }]);
+    }), Array.from(o.entries());
+  });
+  return i(g, {
+    get when() {
+      return t.isOpen();
+    },
+    get children() {
+      return i(O, {
+        get children() {
+          return [(() => {
+            var n = T();
+            return n.$$click = () => t.close(), n;
+          })(), (() => {
+            var n = U(), o = n.firstChild, e = o.firstChild, a = e.nextSibling, h = o.nextSibling;
+            l(o, i(j, {
+              class: "w-5 h-5 text-muted-foreground flex-shrink-0"
+            }), e), e.$$input = (r) => t.setSearch(r.currentTarget.value);
+            var p = x;
+            return typeof p == "function" ? L(p, e) : x = e, l(a, () => $.config.strings.commandPalette.esc), l(h, i(g, {
+              get when() {
+                return t.filteredCommands().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var r = q();
+                  return l(r, () => $.config.strings.commandPalette.empty), r;
+                })();
+              },
+              get children() {
+                return i(D, {
+                  get each() {
+                    return P();
+                  },
+                  children: ([r, v]) => (() => {
+                    var m = G(), b = m.firstChild;
+                    return l(b, r), l(m, i(D, {
+                      each: v,
+                      children: (d) => (() => {
+                        var u = V(), _ = u.firstChild, A = _.firstChild;
+                        return u.addEventListener("mouseenter", () => f(d.index)), u.$$click = () => t.execute(d.cmd.id), l(u, i(g, {
+                          get when() {
+                            return d.cmd.icon;
+                          },
+                          get children() {
+                            var s = H();
+                            return l(s, i(z, {
+                              get component() {
+                                return d.cmd.icon;
+                              },
+                              class: "w-5 h-5"
+                            })), s;
+                          }
+                        }), _), l(A, () => d.cmd.title), l(_, i(g, {
+                          get when() {
+                            return d.cmd.description;
+                          },
+                          get children() {
+                            var s = J();
+                            return l(s, () => d.cmd.description), s;
+                          }
+                        }), null), l(u, i(g, {
+                          get when() {
+                            return d.cmd.keybind;
+                          },
+                          get children() {
+                            var s = Q();
+                            return l(s, () => t.getKeybindDisplay(d.cmd.keybind)), s;
+                          }
+                        }), null), y(() => C(u, E("w-full flex items-center gap-3 px-4 py-2 text-sm", "transition-colors duration-75", "focus:outline-none", k() === d.index ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"))), u;
+                      })()
+                    }), null), m;
+                  })()
+                });
+              }
+            })), y((r) => {
+              var v = E("fixed left-1/2 top-[20%] z-50 -translate-x-1/2", "w-full max-w-xl", "bg-popover text-popover-foreground rounded-lg shadow-2xl", "border border-border", "animate-in fade-in slide-in-from-top-4", "overflow-hidden"), m = $.config.strings.commandPalette.placeholder, b = E("flex-1 h-12 bg-transparent text-sm", "placeholder:text-muted-foreground", "focus:outline-none");
+              return v !== r.e && C(n, r.e = v), m !== r.t && F(e, "placeholder", r.t = m), b !== r.a && C(e, r.a = b), r;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0
+            }), y(() => e.value = t.search()), n;
+          })()];
+        }
+      });
+    }
+  });
+}
+M(["click", "input"]);
+export {
+  ne as CommandPalette
+};