@scalar/api-client 2.0.15 → 2.0.16

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,10 +1,16 @@
-import { defineComponent as B, useAttrs as _, ref as d, toRef as n, watch as b, openBlock as y, createElementBlock as C, mergeProps as F, unref as k } from "vue";
-import { useCodeMirror as w, colorPicker as P } from "@scalar/use-codemirror";
-import { nanoid as V } from "nanoid";
-const v = ["id"], M = {
+import { defineComponent as k, useAttrs as C, ref as p, toRef as o, watch as v, openBlock as r, createElementBlock as a, Fragment as w, createElementVNode as x, mergeProps as F, unref as V, renderSlot as f, createCommentVNode as m } from "vue";
+import { useCodeMirror as S, colorPicker as E } from "@scalar/use-codemirror";
+import { nanoid as N } from "nanoid";
+const P = ["id"], $ = {
+  key: 0,
+  class: "absolute centered-y right-7 text-orange text-xs"
+}, q = {
+  key: 1,
+  class: "required absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[.cm-focused]:opacity-0"
+}, I = {
   inheritAttrs: !1
-}, R = /* @__PURE__ */ B({
-  ...M,
+}, A = /* @__PURE__ */ k({
+  ...I,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -13,47 +19,65 @@ const v = ["id"], M = {
     emitOnBlur: { type: Boolean, default: !0 },
     lineNumbers: { type: Boolean },
     lint: { type: Boolean },
+    disableTabIndent: { type: Boolean, default: !1 },
     language: {},
     handleFieldSubmit: {},
-    handleFieldChange: {}
+    handleFieldChange: {},
+    placeholder: {},
+    required: { type: Boolean },
+    disableEnter: { type: Boolean, default: !1 },
+    disableCloseBrackets: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(c, { emit: f }) {
-    var s;
-    const o = c, l = f, r = _(), m = r.id || `id-${V()}`, a = d(!1);
-    function p(e) {
-      return o.handleFieldChange ? o.handleFieldChange(e) : l("update:modelValue", e);
+  setup(h, { emit: b }) {
+    var c;
+    const e = h, n = b, i = C(), g = i.id || `id-${N()}`, s = p(!1);
+    function y(t) {
+      return e.handleFieldChange ? e.handleFieldChange(t) : n("update:modelValue", t);
     }
-    function h(e) {
-      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : l("submit", e);
+    function B(t) {
+      return e.handleFieldSubmit ? e.handleFieldSubmit(t) : n("submit", t);
     }
-    function g(e) {
-      a.value = !1, o.emitOnBlur && o.modelValue && h(e);
+    function _(t) {
+      s.value = !1, e.emitOnBlur && e.modelValue && B(t);
     }
-    const i = [];
-    o.colorPicker && i.push(P);
-    const u = d(null), { codeMirror: t } = w({
-      content: n(() => o.modelValue ?? ""),
-      onChange: p,
-      onFocus: () => a.value = !0,
-      onBlur: (e) => g(e),
+    const d = [];
+    e.colorPicker && d.push(E);
+    const u = p(null), { codeMirror: l } = S({
+      content: o(
+        () => e.modelValue !== void 0 ? String(e.modelValue) : ""
+      ),
+      onChange: y,
+      onFocus: () => s.value = !0,
+      onBlur: (t) => _(t),
       codeMirrorRef: u,
-      lineNumbers: n(() => o.lineNumbers),
-      language: n(() => o.language),
-      lint: n(() => o.lint),
-      extensions: i
+      disableTabIndent: o(() => e.disableTabIndent),
+      disableEnter: o(() => e.disableEnter),
+      disableCloseBrackets: o(() => e.disableCloseBrackets),
+      lineNumbers: o(() => e.lineNumbers),
+      language: o(() => e.language),
+      lint: o(() => e.lint),
+      extensions: d,
+      placeholder: o(() => e.placeholder)
     });
-    return (s = t.value) == null || s.focus(), b(t, () => {
-      t.value && Object.prototype.hasOwnProperty.call(r, "autofocus") && t.value.focus();
-    }), (e, O) => (y(), C("div", F({ id: k(m) }, e.$attrs, {
-      ref_key: "codeMirrorRef",
-      ref: u,
-      class: ["font-code w-full whitespace-nowrap text-xs leading-[1.44]", {
-        "flow-code-input--error": e.error
-      }]
-    }), null, 16, v));
+    return (c = l.value) == null || c.focus(), v(l, () => {
+      l.value && Object.prototype.hasOwnProperty.call(i, "autofocus") && l.value.focus();
+    }), (t, M) => (r(), a(w, null, [
+      x("div", F({ id: V(g) }, t.$attrs, {
+        ref_key: "codeMirrorRef",
+        ref: u,
+        class: ["peer font-code w-full whitespace-nowrap text-xs leading-[1.44] relative", {
+          "flow-code-input--error": t.error
+        }]
+      }), null, 16, P),
+      t.$slots.warning ? (r(), a("div", $, [
+        f(t.$slots, "warning", {}, void 0, !0)
+      ])) : m("", !0),
+      f(t.$slots, "icon", {}, void 0, !0),
+      t.required ? (r(), a("div", q, " Required ")) : m("", !0)
+    ], 64));
   }
 });
 export {
-  R as default
+  A as default
 };

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

@@ -0,0 +1,17 @@
+import { type ModalState } from '@scalar/components';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    state: ModalState;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    state: ModalState;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=CommandPalette.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPalette.vue"],"names":[],"mappings":"AA2TA,OAAO,EAAa,KAAK,UAAU,EAAc,MAAM,oBAAoB,CAAA;;WAclE,UAAU;;WAAV,UAAU;;AAmYnB,wBAMG;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/CommandPalette.vue.js

@@ -0,0 +1,7 @@
+import o from "./CommandPalette.vue2.js";
+/* empty css                    */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-158208c8"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,184 @@
+import { defineComponent as I, ref as f, computed as B, openBlock as r, createElementBlock as s, Fragment as m, withDirectives as p, createElementVNode as a, vShow as A, createVNode as y, unref as g, vModelText as D, renderList as $, toDisplayString as E, normalizeClass as F, createTextVNode as N, createBlock as q, resolveDynamicComponent as M } from "vue";
+import { ScalarIcon as L } from "@scalar/components";
+import { useMagicKeys as P, whenever as C } from "@vueuse/core";
+import { useRouter as T } from "vue-router";
+import U from "./CommandPaletteCollection.vue.js";
+import G from "./CommandPaletteExample.vue.js";
+import H from "./CommandPaletteFolder.vue.js";
+import K from "./CommandPaletteImport.vue.js";
+import Q from "./CommandPaletteRequest.vue.js";
+const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, J = { for: "commandmenu" }, O = ["onClick"], se = /* @__PURE__ */ I({
+  __name: "CommandPalette",
+  props: {
+    state: {}
+  },
+  setup(V) {
+    const i = V, b = T(), z = {
+      "Import Collection": K,
+      "Create Request": Q,
+      "Add Folder": H,
+      "Create Collection": U,
+      "Add Example": G
+    }, h = [
+      {
+        label: "Add to Request Sidebar",
+        commands: [
+          {
+            name: "Create Request",
+            icon: "ExternalLink"
+          },
+          {
+            name: "Import Collection",
+            icon: "Import"
+          },
+          {
+            name: "Add Folder",
+            icon: "Folder"
+          },
+          {
+            name: "Create Collection",
+            icon: "Collection"
+          },
+          {
+            name: "Add Example",
+            icon: "Example"
+          }
+        ]
+      },
+      {
+        label: "More Actions",
+        commands: [
+          {
+            name: "Add Server",
+            icon: "Brackets",
+            overloadAction: () => b.push("/servers")
+          },
+          {
+            name: "Add Environment",
+            icon: "Server",
+            overloadAction: () => b.push("/environment")
+          },
+          {
+            name: "Add Cookie",
+            icon: "Cookie",
+            overloadAction: () => b.push("/cookies")
+          }
+        ]
+      }
+    ], d = P(), c = f(""), u = f(""), t = f(0), w = f([]), k = B(
+      () => h.reduce((e, n) => {
+        const l = n.commands.filter(
+          (v) => v.name.toLowerCase().includes(c.value.toLowerCase())
+        );
+        return [...e, ...l];
+      }, [])
+    );
+    C(d.escape, () => {
+      i.state.open && i.state.hide();
+    });
+    function S() {
+      i.state.hide(), c.value = "", u.value = "";
+    }
+    return C(d.enter, () => {
+      var n;
+      if (!i.state.open || !window)
+        return;
+      const e = k.value[t.value];
+      ((n = e == null ? void 0 : e.overloadAction) == null ? void 0 : n.call(e)) ?? (u.value = e.name);
+    }), C(d.ArrowDown, () => {
+      var e;
+      i.state.open && window && (t.value < k.value.length - 1 ? t.value++ : t.value = 0, (e = w.value[t.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    }), C(d.ArrowUp, () => {
+      var e;
+      i.state.open && window && (t.value > 0 ? t.value-- : t.value = k.value.length - 1, (e = w.value[t.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    }), (e, n) => (r(), s(m, null, [
+      p(a("div", {
+        class: "commandmenu-clickout",
+        onClick: n[0] || (n[0] = (l) => S())
+      }, null, 512), [
+        [A, e.state.open]
+      ]),
+      p(a("div", W, [
+        u.value ? (r(), s(m, { key: 1 }, [
+          a("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: n[2] || (n[2] = (l) => u.value = "")
+          }, [
+            y(g(L), {
+              class: "!stroke-1.5",
+              icon: "ChevronLeft",
+              size: "sm"
+            })
+          ]),
+          (r(), q(M(z[u.value]), { onClose: S }, null, 32))
+        ], 64)) : (r(), s(m, { key: 0 }, [
+          a("div", j, [
+            a("label", J, [
+              y(g(L), {
+                class: "text-c-1 mr-2.5 !stroke-1.5",
+                icon: "SearchNew",
+                size: "sm"
+              })
+            ]),
+            p(a("input", {
+              id: "commandmenu",
+              "onUpdate:modelValue": n[1] || (n[1] = (l) => c.value = l),
+              class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
+              placeholder: "Search commands...",
+              type: "text"
+            }, null, 512), [
+              [D, c.value]
+            ])
+          ]),
+          (r(), s(m, null, $(h, (l, v) => (r(), s(m, {
+            key: l.label
+          }, [
+            p(a("div", { class: "text-c-3 font-medium text-xs mt-2" }, E(l.label), 513), [
+              [
+                A,
+                l.commands.filter(
+                  (o) => o.name.toLowerCase().includes(c.value.toLowerCase())
+                ).length > 0
+              ]
+            ]),
+            (r(!0), s(m, null, $(l.commands.filter(
+              (o) => o.name.toLowerCase().includes(c.value.toLowerCase())
+            ), (o, _) => (r(), s("div", {
+              key: o.name,
+              ref_for: !0,
+              ref: (x) => {
+                x && (w.value[_] = x);
+              },
+              class: F(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                "bg-b-2": v > 0 ? t.value === _ + h[v - 1].commands.length : t.value === _
+              }]),
+              onClick: (x) => {
+                var R;
+                return ((R = o == null ? void 0 : o.overloadAction) == null ? void 0 : R.call(o)) ?? (u.value = o.name);
+              }
+            }, [
+              y(g(L), {
+                class: "text-c-1 mr-2.5 !stroke-1.5",
+                icon: o.icon,
+                size: "md"
+              }, null, 8, ["icon"]),
+              N(" " + E(o.name), 1)
+            ], 10, O))), 128))
+          ], 64))), 64))
+        ], 64))
+      ], 512), [
+        [A, e.state.open]
+      ])
+    ], 64));
+  }
+});
+export {
+  se as default
+};

package/dist/components/{ActionModal/ActionModalImport.vue.d.ts → CommandPalette/CommandPaletteCollection.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalImport.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteCollection.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";WAuES,MAAM;;;;WAAN,MAAM;;;;AAkIf,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/CommandPaletteCollection.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as m, ref as s, onMounted as p, openBlock as d, createElementBlock as f, Fragment as h, createElementVNode as e, toDisplayString as x, withModifiers as _, withDirectives as b, vModelText as v, createVNode as w, unref as g, withCtx as C, createTextVNode as N } from "vue";
+import { useWorkspace as y } from "../../store/workspace.js";
+import { ScalarButton as k } from "@scalar/components";
+const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, S = /* @__PURE__ */ e("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "collectionanme"
+}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), F = /* @__PURE__ */ m({
+  __name: "CommandPaletteCollection",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(D, { emit: i }) {
+    const a = i, { collectionMutators: c } = y(), l = s(""), r = () => {
+      c.add({
+        spec: {
+          openapi: "3.1.0",
+          info: {
+            title: l.value,
+            version: "0.0.1"
+          }
+        }
+      }), a("close");
+    }, o = s(null);
+    return p(() => {
+      var t;
+      (t = o.value) == null || t.focus();
+    }), (t, n) => (d(), f(h, null, [
+      e("h2", null, x(t.title), 1),
+      e("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: _(r, ["prevent"])
+      }, [
+        e("div", M, [
+          S,
+          b(e("input", {
+            id: "collectionanme",
+            ref_key: "collectionInput",
+            ref: o,
+            "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Collection Name",
+            placeholder: "Collection Name"
+          }, null, 512), [
+            [v, l.value]
+          ])
+        ]),
+        e("div", V, [
+          B,
+          w(g(k), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: C(() => [
+              N(" Continue ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteCollection.vue.js";
+export {
+  f as default
+};

package/dist/components/{ActionModal/ActionModalCollection.vue.d.ts → CommandPalette/CommandPaletteExample.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalCollection.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteExample.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";WAyGS,MAAM;;;;WAAN,MAAM;;;;AAwQf,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

@@ -0,0 +1,107 @@
+import { defineComponent as k, ref as i, onMounted as y, openBlock as m, createElementBlock as h, Fragment as v, createElementVNode as e, toDisplayString as u, withModifiers as C, withDirectives as S, vModelText as N, createVNode as a, unref as s, withCtx as n, renderList as V, createBlock as D, createTextVNode as c } from "vue";
+import _ from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as B } from "../../store/workspace.js";
+import { ScalarDropdown as E, ScalarDropdownItem as I, ScalarButton as w, ScalarIcon as $ } from "@scalar/components";
+const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, j = /* @__PURE__ */ e("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "examplename"
+}, null, -1), z = { class: "flex gap-2" }, R = { class: "flex flex-1 max-h-8" }, T = { class: "flex items-center gap-2" }, F = { class: "max-h-40 custom-scroll" }, H = /* @__PURE__ */ k({
+  __name: "CommandPaletteExample",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(L, { emit: b }) {
+    const g = b, { workspaceRequests: p } = B(), d = i(""), r = i(p.value[0]);
+    function f(l) {
+      r.value = l;
+    }
+    const x = i(null);
+    return y(() => {
+      var l;
+      (l = x.value) == null || l.focus();
+    }), (l, o) => (m(), h(v, null, [
+      e("h2", null, u(l.title), 1),
+      e("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: o[2] || (o[2] = C((t) => g("close"), ["prevent"]))
+      }, [
+        e("div", M, [
+          j,
+          S(e("input", {
+            id: "examplename",
+            ref_key: "exampleInput",
+            ref: x,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => d.value = t),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Variant Name",
+            placeholder: "Variant Name"
+          }, null, 512), [
+            [N, d.value]
+          ])
+        ]),
+        e("div", z, [
+          e("div", R, [
+            a(s(E), {
+              placement: "bottom",
+              resize: ""
+            }, {
+              items: n(() => [
+                e("div", F, [
+                  (m(!0), h(v, null, V(s(p), (t) => (m(), D(s(I), {
+                    key: t.uid,
+                    class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
+                    onClick: (P) => f(t)
+                  }, {
+                    default: n(() => [
+                      c(u(t.summary) + " ", 1),
+                      a(_, {
+                        method: t.method
+                      }, null, 8, ["method"])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))), 128))
+                ])
+              ]),
+              default: n(() => [
+                a(s(w), {
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined",
+                  onClick: o[1] || (o[1] = (t) => f(r.value))
+                }, {
+                  default: n(() => [
+                    c(u(r.value.summary) + " ", 1),
+                    e("div", T, [
+                      a(_, {
+                        method: r.value.method
+                      }, null, 8, ["method"]),
+                      a(s($), {
+                        class: "text-c-3",
+                        icon: "ChevronDown",
+                        size: "xs"
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          a(s(w), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: n(() => [
+              c(" Create Example ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  H as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteExample.vue.js";
+export {
+  f as default
+};

package/dist/components/{ActionModal/ActionModalRequest.vue.d.ts → CommandPalette/CommandPaletteFolder.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalRequest.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteFolder.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteFolder.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteFolder.vue"],"names":[],"mappings":";WA0GS,MAAM;;;;WAAN,MAAM;;;;AAgNf,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/CommandPaletteFolder.vue.js

@@ -0,0 +1,104 @@
+import { defineComponent as g, ref as r, computed as m, onMounted as C, openBlock as S, createElementBlock as V, Fragment as y, createElementVNode as l, toDisplayString as p, withModifiers as N, withDirectives as F, vModelText as k, createVNode as n, unref as i, withCtx as d, normalizeClass as I, createTextVNode as M } from "vue";
+import { useWorkspace as B } from "../../store/workspace.js";
+import { ScalarListbox as D, ScalarButton as v, ScalarIcon as j } from "@scalar/components";
+const z = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, E = /* @__PURE__ */ l("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "foldername"
+}, null, -1), T = { class: "flex" }, U = { class: "flex flex-1 gap-2 max-h-8" }, q = /* @__PURE__ */ g({
+  __name: "CommandPaletteFolder",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(L, { emit: x }) {
+    const b = x, { collections: h, folderMutators: _ } = B(), s = r(""), u = r(""), c = m(
+      () => Object.values(h).map((e) => {
+        var t, a;
+        return {
+          id: e.uid,
+          label: ((a = (t = e.spec) == null ? void 0 : t.info) == null ? void 0 : a.title) ?? ""
+        };
+      })
+    ), o = m({
+      get: () => c.value.find(
+        ({ id: e }) => e === u.value
+      ),
+      set: (e) => {
+        e != null && e.id && (u.value = e.id);
+      }
+    }), w = () => {
+      s.value && o.value && (_.add(
+        {
+          name: s.value
+        },
+        u.value
+      ), b("close"));
+    }, f = r(null);
+    return C(() => {
+      var e;
+      (e = f.value) == null || e.focus();
+    }), (e, t) => (S(), V(y, null, [
+      l("h2", null, p(e.title), 1),
+      l("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: N(w, ["prevent"])
+      }, [
+        l("div", z, [
+          E,
+          F(l("input", {
+            id: "foldername",
+            ref_key: "folderInput",
+            ref: f,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Folder Name",
+            placeholder: "Folder Name"
+          }, null, 512), [
+            [k, s.value]
+          ])
+        ]),
+        l("div", T, [
+          l("div", U, [
+            n(i(D), {
+              modelValue: o.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => o.value = a),
+              options: c.value
+            }, {
+              default: d(() => [
+                n(i(v), {
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined"
+                }, {
+                  default: d(() => [
+                    l("span", {
+                      class: I(o.value ? "text-c-1" : "text-c-3")
+                    }, p(o.value ? o.value.label : "Select Collection"), 3),
+                    n(i(j), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          n(i(v), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: d(() => [
+              M(" Create Folder ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  q as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteFolder.vue.js";
+export {
+  f as default
+};