@scalar/api-client 2.1.4 → 2.1.6

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @scalar/api-client
 
+## 2.1.6
+
+### Patch Changes
+
+- ca00556: fix: sidebar example and delete modal
+- 2b8ce6c: feat: adds safe-parsing to the end of the migration
+- 3c098f9: fix: teleports http methods dropdown
+- 7beeef3: fix: modal dark mode bg
+- d22523e: fix: add empty row on route change
+- 40850bb: fix: enables sidebar item toggle on readonly
+- c92cfa0: fix: code input content height
+- cdb8f55: fix: address bar style and error typo
+- Updated dependencies [2b8ce6c]
+- Updated dependencies [9aa4562]
+- Updated dependencies [7beeef3]
+  - @scalar/object-utils@1.1.9
+  - @scalar/oas-utils@0.2.47
+  - @scalar/components@0.12.47
+  - @scalar/themes@0.9.31
+  - @scalar/use-codemirror@0.11.13
+  - @scalar/types@0.0.10
+
+## 2.1.5
+
+### Patch Changes
+
+- Updated dependencies [2b75354]
+- Updated dependencies [437d54d]
+  - @scalar/oas-utils@0.2.46
+
 ## 2.1.4
 
 ### 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":";AA6uBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAiuBA,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 e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-44c3e67a"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1a9f572a"]]);
 export {
-  e as default
+  f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as i, watch as L, onMounted as O, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as $, createCommentVNode as A, pushScopeId as D, popScopeId as P } from "vue";
+import { defineComponent as U, ref as i, watch as L, onMounted as O, onBeforeUnmount as A, unref as l, openBlock as K, createElementBlock as N, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as T, createCommentVNode as $, pushScopeId as D, popScopeId as P } from "vue";
 import Q from "../CodeInput/CodeInput.vue.js";
 import { Listbox as W } from "@headlessui/vue";
 import { ScalarButton as j, ScalarIcon as F } from "@scalar/components";
@@ -11,18 +11,18 @@ import te from "./AddressBarServer.vue.js";
 import { executeRequestBus as k } from "../../libs/event-busses/execute-request-bus.js";
 import { useWorkspace as le } from "../../store/store.js";
 import { requestStatusBus as oe } from "../../libs/event-busses/request-status-bus.js";
-import { hotKeyBus as S } from "../../libs/event-busses/hot-keys-bus.js";
-const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
+import { hotKeyBus as y } from "../../libs/event-busses/hot-keys-bus.js";
+const v = (d) => (D("data-v-1a9f572a"), d = d(), P(), d), ae = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, re = { class: "m-auto flex 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__ */ 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)), qe = /* @__PURE__ */ H({
+}, re = { class: "m-auto flex 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__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), qe = /* @__PURE__ */ U({
   __name: "AddressBar",
-  setup(c) {
+  setup(d) {
     const {
       activeRequest: t,
-      activeExample: y,
-      isReadOnly: v,
-      requestMutators: f,
+      activeExample: S,
+      isReadOnly: m,
+      requestMutators: c,
       requestHistory: q
     } = le(), p = i(q[0]), h = i(null), _ = X();
     Y(
@@ -30,7 +30,7 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
       () => k.emit()
     );
     const C = (e) => {
-      !t.value || t.value.path === e || f.edit(t.value.uid, "path", e);
+      !t.value || t.value.path === e || c.edit(t.value.uid, "path", e);
     };
     L(
       () => {
@@ -58,7 +58,7 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
       e === "start" && R(), e === "stop" && I(), e === "abort" && V();
     });
     function z(e) {
-      t.value && f.edit(t.value.uid, "method", e);
+      t.value && c.edit(t.value.uid, "method", e);
     }
     function M() {
       if (!t.value) return;
@@ -68,38 +68,38 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
     function b() {
       r.value || (r.value = !0, k.emit());
     }
-    function U(e) {
-      t.value && f.edit(t.value.uid, "path", e);
+    function H(e) {
+      t.value && c.edit(t.value.uid, "path", e);
     }
     function g(e) {
       var u;
       e.focusAddressBar && ((u = h.value) == null || u.focus());
     }
-    return O(() => S.on(g)), K(() => S.off(g)), (e, u) => l(t) && l(y) ? (N(), T("div", ae, [
+    return O(() => y.on(g)), A(() => y.off(g)), (e, u) => l(t) && l(S) ? (K(), N("div", ae, [
       o("div", re, [
         s(l(W), {
           modelValue: p.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (d) => p.value = d)
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => p.value = f)
         }, {
-          default: w(({ open: d }) => [
+          default: w(({ open: f }) => [
             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 }
+                "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
+                { "border-transparent overflow-visible rounded-b-none": f }
               ])
             }, [
               o("div", se, [
                 o("div", {
                   class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", M()]),
-                  style: $({ transform: `translate3d(-${a.value}%,0,0)` })
+                  style: T({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
               o("div", ne, [
                 s(Z, {
-                  isEditable: !l(v),
+                  isEditable: !l(m),
                   isSquare: "",
                   method: l(t).method,
+                  teleport: ".scalar-client",
                   onChange: z
                 }, null, 8, ["isEditable", "method"])
               ]),
@@ -110,7 +110,7 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
                   ref_key: "addressBarRef",
                   ref: h,
                   disableCloseBrackets: "",
-                  disabled: l(v),
+                  disabled: l(m),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
@@ -118,11 +118,11 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
                   placeholder: "Enter URL to get started",
                   server: "",
                   onSubmit: b,
-                  "onUpdate:modelValue": U
+                  "onUpdate:modelValue": H
                 }, null, 8, ["disabled", "modelValue"]),
                 de
               ]),
-              s(ee, { open: d }, null, 8, ["open"]),
+              s(ee, { open: f }, null, 8, ["open"]),
               s(l(j), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
                 disabled: r.value,
@@ -134,7 +134,7 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
                     icon: "Play",
                     size: "xs"
                   }),
-                  ce
+                  fe
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -143,7 +143,7 @@ const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : A("", !0);
+    ])) : $("", !0);
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAyHQ,OAAO;;UAAP,OAAO;;AA4Of,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"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAiIQ,OAAO;;UAAP,OAAO;;AA6Of,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/AddressBar/AddressBarHistory.vue.js

@@ -1,89 +1,7 @@
-import { defineComponent as q, computed as w, openBlock as u, createElementBlock as b, Fragment as x, createBlock as i, unref as o, withCtx as p, createVNode as h, createCommentVNode as v, createElementVNode as r, normalizeClass as k, renderList as B, toDisplayString as a } from "vue";
-import { formatMs as H } from "../../libs/formatters.js";
-import { ListboxButton as y, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
-import { ScalarIcon as z } from "@scalar/components";
-import { httpStatusCodes as E } from "@scalar/oas-utils/helpers";
-import { useRouter as M } from "vue-router";
-import N from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as U } from "./httpStatusCodeColors.js";
-import { useWorkspace as V } from "../../store/store.js";
-const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P = /* @__PURE__ */ q({
-  __name: "AddressBarHistory",
-  props: {
-    open: { type: Boolean }
-  },
-  setup(O) {
-    const { activeRequest: c, requestHistory: _, requestExampleMutators: g } = V(), d = M(), m = w(
-      () => _.filter((t) => {
-        var s;
-        return t.request.requestUid === ((s = c.value) == null ? void 0 : s.uid);
-      }).slice().reverse()
-    );
-    function C(t) {
-      var n;
-      const s = d.currentRoute.value.params.workspace;
-      ((n = c.value) == null ? void 0 : n.uid) !== t.request.requestUid && d.push(
-        `/workspace/${s}/request/${t.request.requestUid}`
-      ), g.set({ ...t.request });
-    }
-    return (t, s) => {
-      var n;
-      return u(), b(x, null, [
-        (n = m.value) != null && n.length ? (u(), i(o(y), {
-          key: 0,
-          class: "adressbar-history-button mr-1 rounded p-1.5 text-c-3 focus:text-c-1"
-        }, {
-          default: p(() => [
-            h(o(z), {
-              icon: "History",
-              size: "sm",
-              thickness: "2.25"
-            })
-          ]),
-          _: 1
-        })) : v("", !0),
-        r("div", {
-          class: k([
-            "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
-            { "before:shadow-lg": t.open }
-          ])
-        }, [
-          h(o(L), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
-            default: p(() => [
-              (u(!0), b(x, null, B(m.value, (e, f) => (u(), i(o(S), {
-                key: f,
-                class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
-                value: f,
-                onClick: (l) => C(e)
-              }, {
-                default: p(() => {
-                  var l;
-                  return [
-                    e.response.method ? (u(), i(N, {
-                      key: 0,
-                      class: "text-[11px]",
-                      method: e.response.method
-                    }, null, 8, ["method"])) : v("", !0),
-                    r("div", $, [
-                      r("div", I, a(e.response.path), 1)
-                    ]),
-                    r("div", null, a(o(H)(e.response.duration)), 1),
-                    r("div", {
-                      class: k([o(U)(e.response.status).color])
-                    }, a(e.response.status), 3),
-                    r("div", null, a((l = o(E)[e.response.status]) == null ? void 0 : l.name), 1)
-                  ];
-                }),
-                _: 2
-              }, 1032, ["value", "onClick"]))), 128))
-            ]),
-            _: 1
-          })
-        ], 2)
-      ], 64);
-    };
-  }
-});
+import o from "./AddressBarHistory.vue2.js";
+/* empty css                       */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-38e0296d"]]);
 export {
-  P as default
+  d as default
 };

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

@@ -1,4 +1,89 @@
-import f from "./AddressBarHistory.vue.js";
+import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as v, createElementVNode as r, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
+import { formatMs as H } from "../../libs/formatters.js";
+import { ListboxButton as y, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
+import { ScalarIcon as z } from "@scalar/components";
+import { httpStatusCodes as E } from "@scalar/oas-utils/helpers";
+import { useRouter as M } from "vue-router";
+import N from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as U } from "./httpStatusCodeColors.js";
+import { useWorkspace as V } from "../../store/store.js";
+const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P = /* @__PURE__ */ C({
+  __name: "AddressBarHistory",
+  props: {
+    open: { type: Boolean }
+  },
+  setup(O) {
+    const { activeRequest: d, requestHistory: k, requestExampleMutators: _ } = V(), p = M(), m = q(
+      () => k.filter((t) => {
+        var s;
+        return t.request.requestUid === ((s = d.value) == null ? void 0 : s.uid);
+      }).slice().reverse()
+    );
+    function w(t) {
+      var n;
+      const s = p.currentRoute.value.params.workspace;
+      ((n = d.value) == null ? void 0 : n.uid) !== t.request.requestUid && p.push(
+        `/workspace/${s}/request/${t.request.requestUid}`
+      ), _.set({ ...t.request });
+    }
+    return (t, s) => {
+      var n;
+      return u(), b(h, null, [
+        (n = m.value) != null && n.length ? (u(), i(o(y), {
+          key: 0,
+          class: "addressbar-history-button mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
+        }, {
+          default: c(() => [
+            x(o(z), {
+              icon: "History",
+              size: "sm",
+              thickness: "2.25"
+            })
+          ]),
+          _: 1
+        })) : v("", !0),
+        r("div", {
+          class: g([
+            "absolute bg-white left-0 top-8 w-full rounded-lg before:pointer-events-none before:absolute before:left-0 before:-top-8 before:h-[calc(100%+32px)] before:w-full before:rounded-lg z-50",
+            { "before:shadow-lg": t.open }
+          ])
+        }, [
+          x(o(L), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
+            default: c(() => [
+              (u(!0), b(h, null, B(m.value, (e, f) => (u(), i(o(S), {
+                key: f,
+                class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
+                value: f,
+                onClick: (a) => w(e)
+              }, {
+                default: c(() => {
+                  var a;
+                  return [
+                    e.response.method ? (u(), i(N, {
+                      key: 0,
+                      class: "text-[11px]",
+                      method: e.response.method
+                    }, null, 8, ["method"])) : v("", !0),
+                    r("div", $, [
+                      r("div", I, l(e.response.path), 1)
+                    ]),
+                    r("div", null, l(o(H)(e.response.duration)), 1),
+                    r("div", {
+                      class: g([o(U)(e.response.status).color])
+                    }, l(e.response.status), 3),
+                    r("div", null, l((a = o(E)[e.response.status]) == null ? void 0 : a.name), 1)
+                  ];
+                }),
+                _: 2
+              }, 1032, ["value", "onClick"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ], 64);
+    };
+  }
+});
 export {
-  f as default
+  P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAoVO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;;;kBAjBT,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;iBAjBT,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAoTG,GAAG;kBACN,GAAG;;AAzU9B,wBAsXC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAqVO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;;;kBAjBT,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;iBAjBT,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAoTG,GAAG;kBACN,GAAG;;AAzU9B,wBAsXC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44609195"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4fa80db6"]]);
 export {
-  a as default
+  f as default
 };

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

@@ -1,11 +1,15 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** The request uid to pre-select */
-    metaData?: string;
+    metaData?: {
+        itemUid: string;
+    };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** The request uid to pre-select */
-    metaData?: string;
+    metaData?: {
+        itemUid: string;
+    };
 }>>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;

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":";IA+HE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA6QnB,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":";IA+HE,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;IAD9B,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;AA6QhC,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,59 +1,60 @@
-import { defineComponent as y, ref as p, openBlock as u, createBlock as d, withCtx as a, createVNode as l, unref as e, createElementVNode as f, createElementBlock as D, Fragment as N, renderList as V, createTextVNode as c, toDisplayString as v } from "vue";
-import x from "../HttpMethod/HttpMethod.vue.js";
-import { ScalarDropdown as B, ScalarDropdownItem as R, ScalarButton as W, ScalarIcon as j } from "@scalar/components";
-import { useToasts as z } from "@scalar/use-toasts";
-import { useRouter as I } from "vue-router";
-import M from "./CommandActionForm.vue.js";
-import P from "./CommandActionInput.vue.js";
-import { useWorkspace as T } from "../../store/store.js";
-const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-scroll" }, Y = /* @__PURE__ */ y({
+import { defineComponent as D, ref as d, openBlock as u, createBlock as f, withCtx as a, createVNode as l, unref as e, createElementVNode as v, createElementBlock as N, Fragment as V, renderList as B, createTextVNode as c, toDisplayString as x } from "vue";
+import h from "../HttpMethod/HttpMethod.vue.js";
+import { ScalarDropdown as R, ScalarDropdownItem as W, ScalarButton as j, ScalarIcon as z } from "@scalar/components";
+import { useToasts as I } from "@scalar/use-toasts";
+import { useRouter as M } from "vue-router";
+import P from "./CommandActionForm.vue.js";
+import T from "./CommandActionInput.vue.js";
+import { useWorkspace as U } from "../../store/store.js";
+const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-scroll" }, Z = /* @__PURE__ */ D({
   __name: "CommandPaletteExample",
   props: {
     metaData: {}
   },
   emits: ["close"],
-  setup(h, { emit: _ }) {
-    const b = h, k = _, { push: w } = I(), {
-      activeRequest: C,
-      activeWorkspace: S,
-      activeWorkspaceRequests: E,
+  setup(_, { emit: b }) {
+    var p;
+    const k = _, w = b, { push: C } = M(), {
+      activeRequest: S,
+      activeWorkspace: E,
+      activeWorkspaceRequests: $,
       requests: m,
-      requestExampleMutators: $
-    } = T(), { toast: g } = z(), s = p(""), o = p(
+      requestExampleMutators: g
+    } = U(), { toast: q } = I(), s = d(""), o = d(
       // Ensure we pre-select the correct request
-      m[b.metaData ?? ""] ?? C.value
-    ), i = (r) => o.value = r, q = () => {
+      m[((p = k.metaData) == null ? void 0 : p.itemUid) ?? ""] ?? S.value
+    ), i = (r) => o.value = r, y = () => {
       if (!s.value) {
-        g("Please enter a name before creating an example.", "error");
+        q("Please enter a name before creating an example.", "error");
         return;
       }
-      const r = $.add(
+      const r = g.add(
         o.value,
         s.value
       );
-      r && (w(
-        `/workspace/${S.value.uid}/request/${o.value.uid}/examples/${r.uid}`
-      ), k("close"));
+      r && (C(
+        `/workspace/${E.value.uid}/request/${o.value.uid}/examples/${r.uid}`
+      ), w("close"));
     };
-    return (r, n) => (u(), d(M, {
+    return (r, n) => (u(), f(P, {
       disabled: !s.value.trim(),
-      onSubmit: q
+      onSubmit: y
     }, {
       options: a(() => [
-        l(e(B), {
+        l(e(R), {
           placement: "bottom",
           resize: ""
         }, {
           items: a(() => [
-            f("div", H, [
-              (u(!0), D(N, null, V(e(E), (t) => (u(), d(e(R), {
+            v("div", H, [
+              (u(!0), N(V, null, B(e($), (t) => (u(), f(e(W), {
                 key: t,
                 class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
                 onClick: (L) => i(e(m)[t])
               }, {
                 default: a(() => [
-                  c(v(e(m)[t].summary) + " ", 1),
-                  l(x, {
+                  c(x(e(m)[t].summary) + " ", 1),
+                  l(h, {
                     method: e(m)[t].method
                   }, null, 8, ["method"])
                 ]),
@@ -62,18 +63,18 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
             ])
           ]),
           default: a(() => [
-            l(e(W), {
+            l(e(j), {
               class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
               variant: "outlined",
               onClick: n[1] || (n[1] = (t) => i(o.value))
             }, {
               default: a(() => [
-                c(v(o.value.summary) + " ", 1),
-                f("div", F, [
-                  l(x, {
+                c(x(o.value.summary) + " ", 1),
+                v("div", F, [
+                  l(h, {
                     method: o.value.method
                   }, null, 8, ["method"]),
-                  l(e(j), {
+                  l(e(z), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -90,7 +91,7 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
         c("Create Example")
       ]),
       default: a(() => [
-        l(P, {
+        l(T, {
           modelValue: s.value,
           "onUpdate:modelValue": n[0] || (n[0] = (t) => s.value = t),
           label: "Example Name",
@@ -102,5 +103,5 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
   }
 });
 export {
-  Y as default
+  Z as default
 };

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

@@ -52,13 +52,17 @@ export declare const PaletteComponents: {
     }, {}, {}>;
     readonly 'Add Example': import("vue").DefineComponent<{
         metaData: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<{
+                itemUid: string;
+            }>;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => void;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         metaData: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<{
+                itemUid: string;
+            }>;
         };
     }>> & {
         onClose?: (() => any) | undefined;

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":"AAiXA;;;;GAIG;;AACH,wBAkZI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,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":"AAiXA;;;;GAIG;;AACH,wBAkZI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eAmGe,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AAiIxB,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,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":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eAmGe,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AAkIxB,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,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/HttpMethod/HttpMethod.vue.js

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

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as a, openBlock as c, createBlock as y, unref as t, withCtx as q, createElementVNode as s, normalizeClass as l, toDisplayString as p, createElementBlock as w } from "vue";
-import { ScalarListbox as k } from "@scalar/components";
-import { getHttpMethodInfo as m, REQUEST_METHODS as x } from "@scalar/oas-utils/helpers";
+import { ScalarListbox as x } from "@scalar/components";
+import { getHttpMethodInfo as m, REQUEST_METHODS as k } from "@scalar/oas-utils/helpers";
 import { cva as B, cx as f } from "cva";
 const L = /* @__PURE__ */ g({
   __name: "HttpMethod",
@@ -11,7 +11,7 @@ const L = /* @__PURE__ */ g({
   },
   emits: ["change"],
   setup(b, { emit: h }) {
-    const r = b, v = h, o = a(() => m(r.method)), i = Object.entries(x).map(([e]) => ({
+    const r = b, v = h, o = a(() => m(r.method)), i = Object.entries(k).map(([e]) => ({
       id: e,
       label: e.charAt(0) + e.toLowerCase().slice(1),
       color: m(e).color
@@ -31,11 +31,11 @@ const L = /* @__PURE__ */ g({
         }
       }
     }), E = a(() => o.value.short);
-    return (e, u) => e.isEditable ? (c(), y(t(k), {
+    return (e, u) => e.isEditable ? (c(), y(t(x), {
       key: 0,
       modelValue: n.value,
       "onUpdate:modelValue": u[0] || (u[0] = (S) => n.value = S),
-      class: "mt-1 font-code uppercase",
+      class: "mt-1 font-code text-sm uppercase",
       options: t(i)
     }, {
       default: q(() => [