@scalar/api-client 2.0.32 → 2.0.34

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,102 +1,158 @@
-import { defineComponent as y, ref as n, computed as h, onMounted as V, openBlock as N, createElementBlock as R, withModifiers as I, createElementVNode as o, withDirectives as U, vModelText as E, createVNode as u, unref as r, withCtx as d, normalizeClass as B, toDisplayString as D, createTextVNode as F } from "vue";
-import T from "../HttpMethod/HttpMethod.vue.js";
-import { useWorkspace as W } from "../../store/workspace.js";
-import { ScalarListbox as $, ScalarButton as x, ScalarIcon as z } from "@scalar/components";
-import { useRouter as j } from "vue-router";
-const G = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, L = /* @__PURE__ */ o("label", {
+import { defineComponent as T, ref as d, computed as v, onMounted as W, onBeforeUnmount as $, openBlock as V, createElementBlock as G, createElementVNode as u, withDirectives as K, vModelText as O, createVNode as o, unref as s, withCtx as r, normalizeClass as U, toDisplayString as S, createBlock as P, createCommentVNode as A, createTextVNode as H } from "vue";
+import J from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as Q } from "../../store/workspace.js";
+import { ScalarListbox as M, ScalarButton as h, ScalarIcon as N } from "@scalar/components";
+import { useRouter as X } from "vue-router";
+import { handleKeyDown as R } from "./handleKeyDown.js";
+const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, ee = /* @__PURE__ */ u("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "requestname"
-}, null, -1), P = { class: "flex" }, A = { class: "flex flex-1 gap-2 max-h-8" }, Y = /* @__PURE__ */ y({
+}, null, -1), te = { class: "flex" }, le = { class: "flex flex-1 gap-2 max-h-8" }, re = /* @__PURE__ */ T({
   __name: "CommandPaletteRequest",
   emits: ["close"],
-  setup(H, { emit: b }) {
-    const _ = b, { push: q } = j(), {
-      activeCollection: c,
-      activeWorkspace: w,
-      activeWorkspaceCollections: g,
-      requestMutators: C,
-      folders: M
-    } = W(), s = n(""), i = n("GET"), m = n(""), f = h(
-      () => g.value.flatMap(
-        (e) => e.childUids.flatMap((l) => {
-          const t = M[l];
-          return t ? [
+  setup(ae, { emit: E }) {
+    var g, q;
+    const I = E, { push: B } = X(), {
+      activeCollection: D,
+      activeWorkspace: j,
+      activeWorkspaceCollections: x,
+      requestMutators: z,
+      activeRequest: F,
+      folders: b
+    } = Q(), i = d(""), m = d("GET"), c = d(((g = D.value) == null ? void 0 : g.uid) ?? ""), w = v(
+      () => x.value.map((e) => {
+        var t;
+        return {
+          id: e.uid,
+          label: ((t = e.spec.info) == null ? void 0 : t.title) ?? "Unititled Collection"
+        };
+      })
+    ), n = v({
+      get: () => w.value.find(({ id: e }) => e === c.value),
+      set: (e) => {
+        e != null && e.id && (c.value = e.id);
+      }
+    }), f = v(
+      () => x.value.flatMap(
+        (e) => e.uid === c.value ? e.childUids.flatMap((t) => {
+          const l = b[t];
+          return l ? [
             {
-              id: t.uid,
-              label: t.name
+              id: l.uid,
+              label: l.name
             }
           ] : [];
-        })
+        }) : []
       )
-    ), a = h({
-      get: () => f.value.find(({ id: e }) => e === m.value),
+    ), _ = d(
+      ((q = Object.values(b).find(
+        (e) => {
+          var t;
+          return e.childUids.includes((t = F.value) == null ? void 0 : t.uid);
+        }
+      )) == null ? void 0 : q.uid) ?? ""
+    ), a = v({
+      get: () => f.value.find(({ id: e }) => e === _.value),
       set: (e) => {
-        e != null && e.id && (m.value = e.id);
+        e != null && e.id && (_.value = e.id);
       }
     });
-    function S(e) {
-      i.value = e;
+    function L(e) {
+      m.value = e;
     }
-    const k = () => {
-      var t, v;
-      if (!c.value) return;
-      const e = ((t = a.value) == null ? void 0 : t.id) ?? ((v = c.value) == null ? void 0 : v.uid), l = C.add(
+    const p = () => {
+      var l, k, y;
+      if (!c.value && !((l = a.value) != null && l.id)) return;
+      const e = ((k = a.value) == null ? void 0 : k.id) ?? ((y = n.value) == null ? void 0 : y.id), t = z.add(
         {
           path: "",
-          method: i.value.toUpperCase(),
-          description: s.value,
-          operationId: s.value,
-          summary: s.value,
+          method: m.value.toUpperCase(),
+          description: i.value,
+          operationId: i.value,
+          summary: i.value,
           tags: ["default"]
         },
         e
       );
-      q(`/workspace/${w.value.uid}/request/${l.uid}`), _("close");
-    }, p = n(null);
-    return V(() => {
+      B(`/workspace/${j.value.uid}/request/${t.uid}`), I("close");
+    }, C = d(null);
+    return W(() => {
       var e;
-      (e = p.value) == null || e.focus();
-    }), (e, l) => (N(), R("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: I(k, ["prevent"])
-    }, [
-      o("div", G, [
-        L,
-        U(o("input", {
+      (e = C.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (t) => R(t, p),
+        !0
+      );
+    }), $(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => R(e, p),
+        !0
+      );
+    }), (e, t) => (V(), G("div", Y, [
+      u("div", Z, [
+        ee,
+        K(u("input", {
           id: "requestname",
           ref_key: "requestInput",
-          ref: p,
-          "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value = t),
+          ref: C,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => i.value = l),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Request Name",
           placeholder: "Request Name"
         }, null, 512), [
-          [E, s.value]
+          [O, i.value]
         ])
       ]),
-      o("div", P, [
-        o("div", A, [
-          u(T, {
+      u("div", te, [
+        u("div", le, [
+          o(J, {
             isEditable: !0,
             isSquare: "",
-            method: i.value,
-            onChange: S
+            method: m.value,
+            onChange: L
           }, null, 8, ["method"]),
-          u(r($), {
+          o(s(M), {
+            modelValue: n.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => n.value = l),
+            options: w.value
+          }, {
+            default: r(() => [
+              o(s(h), {
+                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                variant: "outlined"
+              }, {
+                default: r(() => [
+                  u("span", {
+                    class: U(n.value ? "text-c-1" : "text-c-3")
+                  }, S(n.value ? n.value.label : "Select Collection"), 3),
+                  o(s(N), {
+                    class: "text-c-3",
+                    icon: "ChevronDown",
+                    size: "xs"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "options"]),
+          f.value.length ? (V(), P(s(M), {
+            key: 0,
             modelValue: a.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => a.value = t),
+            "onUpdate:modelValue": t[2] || (t[2] = (l) => a.value = l),
             options: f.value
           }, {
-            default: d(() => [
-              u(r(x), {
+            default: r(() => [
+              o(s(h), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
-                default: d(() => [
-                  o("span", {
-                    class: B(a.value ? "text-c-1" : "text-c-3")
-                  }, D(a.value ? a.value.label : "Select Folder"), 3),
-                  u(r(z), {
+                default: r(() => [
+                  u("span", {
+                    class: U(a.value ? "text-c-1" : "text-c-3")
+                  }, S(a.value ? a.value.label : "Select Folder"), 3),
+                  o(s(N), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -106,21 +162,21 @@ const G = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])
+          }, 8, ["modelValue", "options"])) : A("", !0)
         ]),
-        u(r(x), {
+        o(s(h), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit"
+          onClick: p
         }, {
-          default: d(() => [
-            F(" Create Request ")
+          default: r(() => [
+            H(" Create Request ")
           ]),
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {
-  Y as default
+  re as default
 };

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;AAsLA,wBAMG"}
+{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;AAgOA,wBAMG"}

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.js

@@ -1,55 +1,63 @@
-import { defineComponent as m, ref as l, onMounted as d, openBlock as f, createElementBlock as h, withModifiers as w, createElementVNode as o, withDirectives as x, vModelText as _, createVNode as k, unref as b, withCtx as v, createTextVNode as N } from "vue";
+import { defineComponent as m, ref as l, onMounted as f, onBeforeUnmount as w, openBlock as h, createElementBlock as k, createElementVNode as o, withDirectives as _, vModelText as x, createVNode as v, unref as b, withCtx as y, createTextVNode as N } from "vue";
 import { useWorkspace as g } from "../../store/workspace.js";
-import { ScalarButton as y } from "@scalar/components";
-import { useRouter as C } from "vue-router";
-const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, V = /* @__PURE__ */ o("label", {
+import { ScalarButton as C } from "@scalar/components";
+import { useRouter as B } from "vue-router";
+import { handleKeyDown as r } from "./handleKeyDown.js";
+const E = { class: "flex w-full flex-col gap-3" }, V = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, W = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "workspacename"
-}, null, -1), W = { class: "flex" }, B = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), P = /* @__PURE__ */ m({
+}, null, -1), M = { class: "flex" }, D = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), P = /* @__PURE__ */ m({
   __name: "CommandPaletteWorkspace",
   emits: ["close"],
-  setup(S, { emit: n }) {
-    const r = n, { push: c } = C(), { workspaceMutators: u } = g(), t = l(""), i = () => {
-      const e = u.add({
-        name: t.value
+  setup(I, { emit: c }) {
+    const u = c, { push: i } = B(), { workspaceMutators: d } = g(), s = l(""), n = () => {
+      const e = d.add({
+        name: s.value
       });
-      c(`/workspace/${e.uid}`), r("close");
-    }, s = l(null);
-    return d(() => {
+      i(`/workspace/${e.uid}`), u("close");
+    }, a = l(null);
+    return f(() => {
       var e;
-      (e = s.value) == null || e.focus();
-    }), (e, a) => (f(), h("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: w(i, ["prevent"])
-    }, [
-      o("div", M, [
-        V,
-        x(o("input", {
+      (e = a.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (t) => r(t, n),
+        !0
+      );
+    }), w(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => r(e, n),
+        !0
+      );
+    }), (e, t) => (h(), k("div", E, [
+      o("div", V, [
+        W,
+        _(o("input", {
           id: "workspacename",
           ref_key: "workspaceInput",
-          ref: s,
-          "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
+          ref: a,
+          "onUpdate:modelValue": t[0] || (t[0] = (p) => s.value = p),
           autofocus: "",
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Workspace Name",
           placeholder: "Workspace Name"
         }, null, 512), [
-          [_, t.value]
+          [x, s.value]
         ])
       ]),
-      o("div", W, [
-        B,
-        k(b(y), {
+      o("div", M, [
+        D,
+        v(b(C), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit"
+          onClick: n
         }, {
-          default: v(() => [
+          default: y(() => [
             N(" Continue ")
           ]),
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAqWA;;;;GAIG;;AACH,wBAgYI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAkYA;;;;GAIG;;AACH,wBA2ZI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -1,9 +1,9 @@
 import o from "./TheCommandPalette.vue2.js";
-import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-caaeb4c4"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84799061"]]);
 export {
-  f as PaletteComponents,
-  r as default
+  s as PaletteComponents,
+  a as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -1,27 +1,28 @@
-import { defineComponent as z, ref as d, computed as I, onMounted as M, onBeforeUnmount as P, openBlock as r, createElementBlock as s, Fragment as u, withDirectives as h, createElementVNode as m, vShow as A, unref as v, createVNode as $, vModelText as F, renderList as R, toDisplayString as E, normalizeClass as q, createTextVNode as N, createBlock as T, resolveDynamicComponent as U } from "vue";
-import { useModal as G, ScalarIcon as S } from "@scalar/components";
-import { useMagicKeys as H, whenever as C } from "@vueuse/core";
-import { useRouter as K } from "vue-router";
-import { commandPaletteBus as B } from "../../libs/eventBusses/command-palette.js";
-import { useWorkspace as Q } from "../../store/workspace.js";
-import j from "./CommandPaletteCollection.vue.js";
-import J from "./CommandPaletteExample.vue.js";
-import O from "./CommandPaletteFolder.vue.js";
-import X from "./CommandPaletteImport.vue.js";
-import Y from "./CommandPaletteRequest.vue.js";
-import Z from "./CommandPaletteWorkspace.vue.js";
-const ee = { class: "commandmenu" }, oe = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, te = { for: "commandmenu" }, ne = ["onClick"], ae = {
+import { defineComponent as K, ref as u, computed as F, onMounted as q, onBeforeUnmount as I, openBlock as l, createElementBlock as m, Fragment as d, withDirectives as h, createElementVNode as c, vShow as L, unref as p, createVNode as S, vModelText as N, renderList as B, toDisplayString as M, normalizeClass as T, createTextVNode as U, createBlock as G, resolveDynamicComponent as H } from "vue";
+import { useModal as O, ScalarIcon as A } from "@scalar/components";
+import { useMagicKeys as Q, whenever as k } from "@vueuse/core";
+import { useRouter as j } from "vue-router";
+import { isMacOS as J } from "@scalar/use-tooltip";
+import { commandPaletteBus as P } from "../../libs/eventBusses/command-palette.js";
+import { useWorkspace as X } from "../../store/workspace.js";
+import Y from "./CommandPaletteCollection.vue.js";
+import Z from "./CommandPaletteExample.vue.js";
+import ee from "./CommandPaletteFolder.vue.js";
+import oe from "./CommandPaletteImport.vue.js";
+import te from "./CommandPaletteRequest.vue.js";
+import ne from "./CommandPaletteWorkspace.vue.js";
+const ae = { class: "commandmenu" }, re = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, le = { for: "commandmenu" }, se = ["onClick"], me = {
   name: "TheCommandPalette"
-}, le = {
-  "Import Collection": X,
-  "Create Request": Y,
-  "Create Workspace": Z,
-  "Add Folder": O,
-  "Create Collection": j,
-  "Add Example": J
-}, ke = /* @__PURE__ */ z({
-  ...ae,
-  setup(re) {
+}, ce = {
+  "Import Collection": oe,
+  "Create Request": te,
+  "Create Workspace": ne,
+  "Add Folder": ee,
+  "Create Collection": Y,
+  "Add Example": Z
+}, Ee = /* @__PURE__ */ K({
+  ...me,
+  setup(ie) {
     const b = [
       {
         label: "Add to Request Sidebar",
@@ -72,127 +73,138 @@ const ee = { class: "commandmenu" }, oe = { class: "bg-b-2 flex items-center rou
           }
         ]
       }
-    ], p = H(), a = G(), { push: V } = K(), { activeWorkspace: W } = Q(), g = d(), c = d(""), i = d(null), o = d(0), k = d([]), _ = I(
-      () => b.reduce((e, t) => {
-        const n = t.commands.filter(
-          (f) => f.name.toLowerCase().includes(c.value.toLowerCase())
+    ], f = Q(), a = O(), { push: V } = j(), { activeWorkspace: W } = X(), $ = u(), i = u(""), s = u(null), t = u(0), w = u([]), _ = F(
+      () => b.reduce((e, n) => {
+        const o = n.commands.filter(
+          (C) => C.name.toLowerCase().includes(i.value.toLowerCase())
         );
-        return [...e, ...n];
+        return [...e, ...o];
       }, [])
-    ), w = () => {
-      a.hide(), c.value = "", i.value = null;
+    ), v = () => {
+      a.hide(), i.value = "", s.value = null, window.removeEventListener("keydown", y, !0);
     };
-    C(p.escape, () => {
-      a.open && a.hide();
-    }), C(p.enter, () => {
+    k(f.escape, () => {
+      a.open && v();
+    }), k(f.enter, () => {
       if (!a.open) return;
-      const e = _.value[o.value];
-      L(e);
-    }), C(p.ArrowDown, () => {
+      const e = _.value[t.value];
+      g(e);
+    }), k(f.ArrowDown, () => {
       var e;
-      a.open && (o.value < _.value.length - 1 ? o.value++ : o.value = 0, (e = k.value[o.value]) == null || e.scrollIntoView({
+      a.open && (t.value < _.value.length - 1 ? t.value++ : t.value = 0, (e = w.value[t.value]) == null || e.scrollIntoView({
         behavior: "smooth",
         block: "center"
       }));
-    }), C(p.ArrowUp, () => {
+    }), k(f.ArrowUp, () => {
       var e;
-      a.open && (o.value > 0 ? o.value-- : o.value = _.value.length - 1, (e = k.value[o.value]) == null || e.scrollIntoView({
+      a.open && (t.value > 0 ? t.value-- : t.value = _.value.length - 1, (e = w.value[t.value]) == null || e.scrollIntoView({
         behavior: "smooth",
         block: "center"
       }));
     });
-    const L = (e) => {
-      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), w()) : i.value = e.name;
-    }, D = ({
+    const g = (e) => {
+      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), v()) : s.value = e.name;
+    }, D = u(), R = ({
       commandName: e,
-      metaData: t
+      metaData: n
     } = {}) => {
-      i.value = e ?? null, g.value = t, a.show();
+      var o;
+      s.value = e ?? null, $.value = n, a.show(), (o = D.value) == null || o.focus(), window.addEventListener("keydown", y, !0);
     };
-    return M(() => B.on(D)), P(() => B.off(D)), (e, t) => (r(), s(u, null, [
-      h(m("div", {
+    q(() => P.on(R)), I(() => P.off(R));
+    const z = (e) => J() ? e.metaKey && e.key === "Enter" : e.ctrlKey && e.key === "Enter", y = (e) => {
+      z(e) && !s.value && (e.stopPropagation(), e.preventDefault());
+    };
+    return I(() => {
+      window.removeEventListener("keydown", y, !0);
+    }), (e, n) => (l(), m(d, null, [
+      h(c("div", {
         class: "commandmenu-clickout",
-        onClick: t[0] || (t[0] = (n) => w())
+        onClick: n[0] || (n[0] = (o) => v())
       }, null, 512), [
-        [A, v(a).open]
+        [L, p(a).open]
       ]),
-      h(m("div", ee, [
-        i.value ? (r(), s(u, { key: 1 }, [
-          m("button", {
+      h(c("div", ae, [
+        s.value ? (l(), m(d, { key: 1 }, [
+          c("button", {
             class: "absolute p-1 hover:bg-b-3 rounded text-c-3 active:text-c-1 m-1.5 z-10",
             type: "button",
-            onClick: t[2] || (t[2] = (n) => i.value = null)
+            onClick: n[2] || (n[2] = (o) => s.value = null)
           }, [
-            $(v(S), {
+            S(p(A), {
               icon: "ChevronLeft",
               size: "sm"
             })
           ]),
-          (r(), T(U(le[i.value]), {
-            metaData: g.value,
-            onClose: w
+          (l(), G(H(ce[s.value]), {
+            metaData: $.value,
+            onClose: v
           }, null, 40, ["metaData"]))
-        ], 64)) : (r(), s(u, { key: 0 }, [
-          m("div", oe, [
-            m("label", te, [
-              $(v(S), {
+        ], 64)) : (l(), m(d, { key: 0 }, [
+          c("div", re, [
+            c("label", le, [
+              S(p(A), {
                 class: "text-c-1 mr-2.5",
                 icon: "Search",
                 size: "sm",
                 thickness: "1.5"
               })
             ]),
-            h(m("input", {
+            h(c("input", {
               id: "commandmenu",
-              "onUpdate:modelValue": t[1] || (t[1] = (n) => c.value = n),
+              ref_key: "commandInputRef",
+              ref: D,
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => i.value = o),
+              autocomplete: "off",
+              autofocus: "",
               class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
               placeholder: "Search commands...",
               type: "text"
             }, null, 512), [
-              [F, c.value]
+              [N, i.value]
             ])
           ]),
-          (r(), s(u, null, R(b, (n, f) => (r(), s(u, {
-            key: n.label
+          (l(), m(d, null, B(b, (o, C) => (l(), m(d, {
+            key: o.label
           }, [
-            h(m("div", { class: "text-c-3 font-medium text-xs mt-2" }, E(n.label), 513), [
+            h(c("div", { class: "text-c-3 font-medium text-xs mt-2" }, M(o.label), 513), [
               [
-                A,
-                n.commands.filter(
-                  (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
+                L,
+                o.commands.filter(
+                  (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
                 ).length > 0
               ]
             ]),
-            (r(!0), s(u, null, R(n.commands.filter(
-              (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
-            ), (l, x) => (r(), s("div", {
-              key: l.name,
+            (l(!0), m(d, null, B(o.commands.filter(
+              (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
+            ), (r, x) => (l(), m("div", {
+              key: r.name,
               ref_for: !0,
-              ref: (y) => {
-                y && (k.value[x] = y);
+              ref: (E) => {
+                E && (w.value[x] = E);
               },
-              class: q(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                "bg-b-2": f > 0 ? o.value === x + b[f - 1].commands.length : o.value === x
+              class: T(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                "bg-b-2": C > 0 ? t.value === x + b[C - 1].commands.length : t.value === x
               }]),
-              onClick: (y) => L(l)
+              onClick: (E) => g(r)
             }, [
-              $(v(S), {
+              S(p(A), {
                 class: "text-c-1 mr-2.5",
-                icon: l.icon,
+                icon: r.icon,
                 size: "md",
                 thickness: "1.5"
               }, null, 8, ["icon"]),
-              N(" " + E(l.name), 1)
-            ], 10, ne))), 128))
+              U(" " + M(r.name), 1)
+            ], 10, se))), 128))
           ], 64))), 64))
         ], 64))
       ], 512), [
-        [A, v(a).open]
+        [L, p(a).open]
       ])
     ], 64));
   }
 });
 export {
-  le as PaletteComponents,
-  ke as default
+  ce as PaletteComponents,
+  Ee as default
 };

package/dist/components/CommandPalette/handleKeyDown.d.ts

@@ -0,0 +1,2 @@
+export declare const handleKeyDown: (event: KeyboardEvent, handleSubmit: () => void) => void;
+//# sourceMappingURL=handleKeyDown.d.ts.map

package/dist/components/CommandPalette/handleKeyDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleKeyDown.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/handleKeyDown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,UACjB,aAAa,gBACN,MAAM,IAAI,SAOzB,CAAA"}