@scalar/api-client 2.0.57 → 2.0.58

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @scalar/api-client
 
+## 2.0.58
+
+### Patch Changes
+
+- 1c3de0e: fix(api-client): correctly initialize complex auth, fixes #2874
+- 857380d: fix: command palette import collection
+- ab8c4d7: feat: meta clik link request to topnav
+- 8d615dc: fix: request sidebar item new tab event modifier
+- 9bc0ae7: feat: command palette input required on submit
+- 8f24069: feat(api-client): add loading state and cancellation for slow requests
+- Updated dependencies [9bc0ae7]
+- Updated dependencies [a792002]
+- Updated dependencies [bb13304]
+  - @scalar/components@0.12.39
+  - @scalar/themes@0.9.27
+  - @scalar/oas-utils@0.2.38
+  - @scalar/types@0.0.4
+
 ## 2.0.57
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAqtBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAutBA,wBAKG"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-28ee5506"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0989c8b5"]]);
 export {
-  a as default
+  m as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as n, watch as O, onMounted as $, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as a, createVNode as i, withCtx as y, normalizeClass as B, normalizeStyle as A, createCommentVNode as D, pushScopeId as Q, popScopeId as W } from "vue";
+import { defineComponent as L, ref as n, watch as O, onMounted as K, onBeforeUnmount as N, unref as l, openBlock as T, createElementBlock as A, createElementVNode as o, createVNode as u, withCtx as y, normalizeClass as B, normalizeStyle as $, createCommentVNode as D, pushScopeId as Q, popScopeId as W } from "vue";
 import j from "../CodeInput/CodeInput.vue.js";
 import { useWorkspace as F } from "../../store/workspace.js";
 import { Listbox as G } from "@headlessui/vue";
@@ -8,29 +8,29 @@ import { isMacOS as Y } from "@scalar/use-tooltip";
 import { useMagicKeys as Z, whenever as ee } from "@vueuse/core";
 import te from "../HttpMethod/HttpMethod.vue.js";
 import le from "./AddressBarHistory.vue.js";
-import { executeRequestBus as m } from "../../libs/event-busses/execute-request-bus.js";
+import { executeRequestBus as k } from "../../libs/event-busses/execute-request-bus.js";
 import { requestStatusBus as oe } from "../../libs/event-busses/request-status-bus.js";
-import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
-const v = (f) => (Q("data-v-28ee5506"), f = f(), W(), f), ae = {
+import { hotKeyBus as E } from "../../libs/event-busses/hot-keys-bus.js";
+const m = (c) => (Q("data-v-0989c8b5"), c = c(), W(), c), ae = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, re = { class: "m-auto flex basis-1/2 flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ie = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ue = /* @__PURE__ */ v(() => /* @__PURE__ */ a("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ v(() => /* @__PURE__ */ a("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ a("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Ee = /* @__PURE__ */ L({
+}, re = { class: "m-auto flex basis-1/2 flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ue = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ie = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), ce = /* @__PURE__ */ m(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Se = /* @__PURE__ */ L({
   __name: "AddressBar",
-  setup(f) {
+  setup(c) {
     const {
       activeRequest: t,
-      activeExample: c,
-      isReadOnly: p,
-      requestMutators: h,
+      activeExample: f,
+      isReadOnly: v,
+      requestMutators: p,
       requestExampleMutators: S,
-      requestsHistory: E
-    } = F(), x = n(E.value[0]), b = n(null), g = Z();
+      requestsHistory: q
+    } = F(), h = n(q.value[0]), x = n(null), _ = Z();
     ee(
-      Y() ? g.meta_enter : g.ctrl_enter,
-      () => m.emit()
+      Y() ? _.meta_enter : _.ctrl_enter,
+      () => k.emit()
     );
     const C = (e) => {
-      !t.value || t.value.path === e || h.edit(t.value.uid, "path", e);
+      !t.value || t.value.path === e || p.edit(t.value.uid, "path", e);
     };
     O(
       () => {
@@ -41,95 +41,98 @@ const v = (f) => (Q("data-v-28ee5506"), f = f(), W(), f), ae = {
         t.value && C(e);
       }
     );
-    const r = n(100), _ = n(0), s = n(!1), u = n();
-    function q() {
-      s.value ? r.value -= (r.value - 15) / 60 : r.value -= _.value / 20, r.value <= 0 && (clearInterval(u.value), u.value = void 0, r.value = 100, s.value = !1);
-    }
+    const a = n(100), b = n(0), r = n(!1), s = n();
     function R() {
-      s.value || (s.value = !0, u.value = setInterval(q, 20));
+      r.value ? a.value -= (a.value - 15) / 60 : a.value -= b.value / 20, a.value <= 0 && (clearInterval(s.value), s.value = void 0, a.value = 100, r.value = !1);
     }
     function I() {
-      _.value = r.value, s.value = !1;
+      s.value || (r.value = !0, s.value = setInterval(R, 20));
     }
     function V() {
-      clearInterval(u.value), u.value = void 0, r.value = 100, s.value = !1;
+      b.value = a.value, r.value = !1;
+    }
+    function M() {
+      clearInterval(s.value), s.value = void 0, a.value = 100, r.value = !1;
     }
     oe.on((e) => {
-      e === "start" && R(), e === "stop" && I(), e === "abort" && V();
+      e === "start" && I(), e === "stop" && V(), e === "abort" && M();
     });
-    function M(e) {
-      t.value && h.edit(t.value.uid, "method", e);
+    function z(e) {
+      t.value && p.edit(t.value.uid, "method", e);
     }
-    function z() {
+    function U() {
       if (!t.value) return;
       const { method: e } = t.value;
       return X[e].backgroundColor;
     }
-    const U = (e) => {
-      c.value && S.edit(c.value.uid, "url", e);
+    function g() {
+      r.value || (r.value = !0, k.emit());
+    }
+    const H = (e) => {
+      S.edit(f.value.uid, "url", e);
     }, w = (e) => {
-      var o;
-      e.focusAddressBar && ((o = b.value) == null || o.focus());
+      var i;
+      e.focusAddressBar && ((i = x.value) == null || i.focus());
     };
-    return $(() => k.on(w)), K(() => k.off(w)), (e, o) => l(t) && l(c) ? (N(), T("div", ae, [
-      a("div", re, [
-        i(l(G), {
-          modelValue: x.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (d) => x.value = d)
+    return K(() => E.on(w)), N(() => E.off(w)), (e, i) => l(t) && l(f) ? (T(), A("div", ae, [
+      o("div", re, [
+        u(l(G), {
+          modelValue: h.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => h.value = d)
         }, {
           default: y(({ open: d }) => [
-            a("div", {
+            o("div", {
               class: B([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
                 { "rounded-b-none": d },
                 { "border-transparent": d }
               ])
             }, [
-              a("div", se, [
-                a("div", {
-                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", z()]),
-                  style: A({ transform: `translate3d(-${r.value}%,0,0)` })
+              o("div", se, [
+                o("div", {
+                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", U()]),
+                  style: $({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
-              a("div", ne, [
-                i(te, {
-                  isEditable: !l(p),
+              o("div", ne, [
+                u(te, {
+                  isEditable: !l(v),
                   isSquare: "",
                   method: l(t).method,
-                  onChange: M
+                  onChange: z
                 }, null, 8, ["isEditable", "method"])
               ]),
-              a("div", ie, [
-                ue,
-                i(j, {
+              o("div", ue, [
+                ie,
+                u(j, {
                   ref_key: "addressBarRef",
-                  ref: b,
+                  ref: x,
                   disableCloseBrackets: "",
-                  disabled: l(p),
+                  disabled: l(v),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
-                  modelValue: l(c).url,
+                  modelValue: l(f).url,
                   placeholder: "Enter URL to get started",
                   server: "",
-                  onSubmit: o[0] || (o[0] = (H) => l(m).emit()),
-                  "onUpdate:modelValue": U
+                  onSubmit: g,
+                  "onUpdate:modelValue": H
                 }, null, 8, ["disabled", "modelValue"]),
                 de
               ]),
-              i(le, { open: d }, null, 8, ["open"]),
-              i(l(J), {
+              u(le, { open: d }, null, 8, ["open"]),
+              u(l(J), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
-                disabled: s.value,
-                onClick: o[1] || (o[1] = (H) => l(m).emit())
+                disabled: r.value,
+                onClick: g
               }, {
                 default: y(() => [
-                  i(l(P), {
+                  u(l(P), {
                     class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  fe
+                  ce
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -142,5 +145,5 @@ const v = (f) => (Q("data-v-28ee5506"), f = f(), W(), f), ae = {
   }
 });
 export {
-  Ee as default
+  Se as default
 };

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

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

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

@@ -1,64 +1,70 @@
-import { defineComponent as p, ref as a, onMounted as m, openBlock as f, createElementBlock as h, createElementVNode as e, withDirectives as _, withKeys as x, withModifiers as v, vModelText as w, createVNode as b, unref as C, withCtx as y, createTextVNode as g } from "vue";
-import { useWorkspace as k } from "../../store/workspace.js";
-import { ScalarButton as N } from "@scalar/components";
-const M = { 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" }, B = /* @__PURE__ */ e("label", {
+import { defineComponent as p, ref as s, onMounted as f, openBlock as h, createElementBlock as _, createElementVNode as o, withDirectives as v, withKeys as x, withModifiers as b, vModelText as w, createVNode as C, unref as g, withCtx as y, createTextVNode as k } from "vue";
+import { useWorkspace as N } from "../../store/workspace.js";
+import { ScalarButton as M } from "@scalar/components";
+import { useToasts as V } from "@scalar/use-toasts";
+const B = { class: "flex w-full flex-col gap-3" }, K = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, T = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "collectionanme"
-}, null, -1), K = ["onKeydown"], E = { class: "flex" }, I = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), P = /* @__PURE__ */ p({
+}, null, -1), E = ["onKeydown"], I = { class: "flex" }, P = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), q = /* @__PURE__ */ p({
   __name: "CommandPaletteCollection",
   emits: ["close"],
-  setup(S, { emit: c }) {
-    const i = c, { activeWorkspace: r, collectionMutators: u } = k(), o = a(""), l = () => {
+  setup(S, { emit: i }) {
+    const c = i, { activeWorkspace: r, collectionMutators: u } = N(), e = s(""), { toast: d } = V(), l = () => {
+      if (!e.value) {
+        d("Please enter a name before creating a collection.", "error");
+        return;
+      }
       u.add(
         {
           spec: {
             openapi: "3.1.0",
             info: {
-              title: o.value,
+              title: e.value,
               version: "0.0.1"
             }
           }
         },
         r.value.uid
-      ), i("close");
-    }, n = a(null);
-    return m(() => {
+      ), c("close");
+    }, n = s(null);
+    return f(() => {
       var t;
       (t = n.value) == null || t.focus();
-    }), (t, s) => (f(), h("div", M, [
-      e("div", V, [
-        B,
-        _(e("input", {
+    }), (t, a) => (h(), _("div", B, [
+      o("div", K, [
+        T,
+        v(o("input", {
           id: "collectionanme",
           ref_key: "collectionInput",
           ref: n,
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => o.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (m) => e.value = m),
           autocomplete: "off",
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           "data-form-type": "other",
           "data-lpignore": "true",
           label: "Collection Name",
           placeholder: "Collection Name",
-          onKeydown: x(v(l, ["prevent"]), ["enter"])
-        }, null, 40, K), [
-          [w, o.value]
+          onKeydown: x(b(l, ["prevent"]), ["enter"])
+        }, null, 40, E), [
+          [w, e.value]
         ])
       ]),
-      e("div", E, [
-        I,
-        b(C(N), {
+      o("div", I, [
+        P,
+        C(g(M), {
           class: "max-h-8 text-xs p-0 px-3",
+          disabled: !e.value.trim(),
           onClick: l
         }, {
           default: y(() => [
-            g(" Continue ")
+            k(" Continue ")
           ]),
           _: 1
-        })
+        }, 8, ["disabled"])
       ])
     ]));
   }
 });
 export {
-  P as default
+  q as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAwIE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA+SnB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAgJE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AAoTnB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,76 +1,81 @@
-import { defineComponent as $, ref as i, onMounted as f, openBlock as m, createElementBlock as h, createElementVNode as l, withDirectives as B, withKeys as I, withModifiers as R, vModelText as V, createVNode as a, unref as s, withCtx as n, Fragment as q, renderList as K, createBlock as W, createTextVNode as d, toDisplayString as v } from "vue";
+import { defineComponent as B, ref as c, onMounted as x, openBlock as m, createElementBlock as h, createElementVNode as a, withDirectives as I, withKeys as R, withModifiers as V, vModelText as q, createVNode as o, unref as s, withCtx as r, Fragment as K, renderList as T, createBlock as W, createTextVNode as d, toDisplayString as v } from "vue";
 import _ from "../HttpMethod/HttpMethod.vue.js";
 import { useWorkspace as j } from "../../store/workspace.js";
-import { ScalarDropdown as z, ScalarDropdownItem as T, ScalarButton as w, ScalarIcon as F } from "@scalar/components";
-import { useRouter as H } from "vue-router";
-const L = { class: "flex w-full flex-col gap-3" }, P = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, U = /* @__PURE__ */ l("label", {
+import { ScalarDropdown as z, ScalarDropdownItem as P, ScalarButton as w, ScalarIcon as F } from "@scalar/components";
+import { useToasts as H } from "@scalar/use-toasts";
+import { useRouter as L } from "vue-router";
+const U = { class: "flex w-full flex-col gap-3" }, A = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, G = /* @__PURE__ */ a("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "examplename"
-}, null, -1), A = ["onKeydown"], G = { class: "flex gap-2" }, J = { class: "flex flex-1 max-h-8" }, O = { class: "flex items-center gap-2" }, Q = { class: "max-h-40 custom-scroll" }, oe = /* @__PURE__ */ $({
+}, null, -1), J = ["onKeydown"], O = { class: "flex gap-2" }, Q = { class: "flex flex-1 max-h-8" }, X = { class: "flex items-center gap-2" }, Y = { class: "max-h-40 custom-scroll" }, ne = /* @__PURE__ */ B({
   __name: "CommandPaletteExample",
   props: {
     metaData: {}
   },
   emits: ["close"],
   setup(b, { emit: k }) {
-    const y = b, g = k, { push: C } = H(), {
+    const y = b, g = k, { push: C } = L(), {
       activeRequest: D,
       activeWorkspace: E,
       activeWorkspaceRequests: S,
       requests: N,
       requestExampleMutators: M
-    } = j(), c = i(""), o = i(
+    } = j(), { toast: $ } = H(), n = c(""), l = c(
       // Ensure we pre-select the correct request
       N[y.metaData ?? ""] ?? D.value
-    ), p = (e) => o.value = e, u = i(null);
-    f(() => {
+    ), p = (e) => l.value = e, u = c(null);
+    x(() => {
       var e;
       return (e = u.value) == null ? void 0 : e.focus();
     });
-    const x = () => {
+    const f = () => {
+      if (!n.value) {
+        $("Please enter a name before creating an example.", "error");
+        return;
+      }
       const e = M.add(
-        o.value,
-        c.value
+        l.value,
+        n.value
       );
       e && (C(
-        `/workspace/${E.value.uid}/request/${o.value.uid}/examples/${e.uid}`
+        `/workspace/${E.value.uid}/request/${l.value.uid}/examples/${e.uid}`
       ), g("close"));
     };
-    return f(() => {
+    return x(() => {
       var e;
       (e = u.value) == null || e.focus();
-    }), (e, r) => (m(), h("div", L, [
-      l("div", P, [
-        U,
-        B(l("input", {
+    }), (e, i) => (m(), h("div", U, [
+      a("div", A, [
+        G,
+        I(a("input", {
           id: "examplename",
           ref_key: "exampleInput",
           ref: u,
-          "onUpdate:modelValue": r[0] || (r[0] = (t) => c.value = t),
+          "onUpdate:modelValue": i[0] || (i[0] = (t) => n.value = t),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Example Name",
           placeholder: "Example Name",
-          onKeydown: I(R(x, ["prevent"]), ["enter"])
-        }, null, 40, A), [
-          [V, c.value]
+          onKeydown: R(V(f, ["prevent"]), ["enter"])
+        }, null, 40, J), [
+          [q, n.value]
         ])
       ]),
-      l("div", G, [
-        l("div", J, [
-          a(s(z), {
+      a("div", O, [
+        a("div", Q, [
+          o(s(z), {
             placement: "bottom",
             resize: ""
           }, {
-            items: n(() => [
-              l("div", Q, [
-                (m(!0), h(q, null, K(s(S), (t) => (m(), W(s(T), {
+            items: r(() => [
+              a("div", Y, [
+                (m(!0), h(K, null, T(s(S), (t) => (m(), W(s(P), {
                   key: t.uid,
                   class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                  onClick: (X) => p(t)
+                  onClick: (Z) => p(t)
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     d(v(t.summary) + " ", 1),
-                    a(_, {
+                    o(_, {
                       method: t.method
                     }, null, 8, ["method"])
                   ]),
@@ -78,19 +83,19 @@ const L = { class: "flex w-full flex-col gap-3" }, P = { class: "gap-3 rounded b
                 }, 1032, ["onClick"]))), 128))
               ])
             ]),
-            default: n(() => [
-              a(s(w), {
+            default: r(() => [
+              o(s(w), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined",
-                onClick: r[1] || (r[1] = (t) => p(o.value))
+                onClick: i[1] || (i[1] = (t) => p(l.value))
               }, {
-                default: n(() => [
-                  d(v(o.value.summary) + " ", 1),
-                  l("div", O, [
-                    a(_, {
-                      method: o.value.method
+                default: r(() => [
+                  d(v(l.value.summary) + " ", 1),
+                  a("div", X, [
+                    o(_, {
+                      method: l.value.method
                     }, null, 8, ["method"]),
-                    a(s(F), {
+                    o(s(F), {
                       class: "text-c-3",
                       icon: "ChevronDown",
                       size: "xs"
@@ -103,19 +108,20 @@ const L = { class: "flex w-full flex-col gap-3" }, P = { class: "gap-3 rounded b
             _: 1
           })
         ]),
-        a(s(w), {
+        o(s(w), {
           class: "max-h-8 text-xs p-0 px-3",
-          onClick: x
+          disabled: !n.value.trim(),
+          onClick: f
         }, {
-          default: n(() => [
+          default: r(() => [
             d(" Create Example ")
           ]),
           _: 1
-        })
+        }, 8, ["disabled"])
       ])
     ]));
   }
 });
 export {
-  oe as default
+  ne as default
 };

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

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