@scalar/api-client 2.2.0 → 2.2.2

package/dist/views/Request/RequestSection/RequestTable.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as S, openBlock as u, createBlock as r, unref as p, withCtx as s, createElementBlock as y, Fragment as w, renderList as U, createElementVNode as d, createCommentVNode as m, createVNode as i, normalizeClass as _, createSlots as x, createTextVNode as E, toDisplayString as V, computed as I } from "vue";
-import k from "../../../components/CodeInput/CodeInput.vue.js";
-import T from "../../../components/DataTable/DataTable.vue.js";
-import f from "../../../components/DataTable/DataTableCell.vue.js";
-import N from "../../../components/DataTable/DataTableCheckbox.vue.js";
-import q from "../../../components/DataTable/DataTableRow.vue.js";
+import { defineComponent as C, openBlock as u, createBlock as s, unref as p, withCtx as r, createElementBlock as y, Fragment as V, renderList as S, createElementVNode as d, createCommentVNode as m, createVNode as i, normalizeClass as U, createSlots as h, createTextVNode as E, toDisplayString as k, computed as T } from "vue";
+import w from "../../../components/CodeInput/CodeInput.vue.js";
+import N from "../../../components/DataTable/DataTable.vue.js";
+import c from "../../../components/DataTable/DataTableCell.vue.js";
+import q from "../../../components/DataTable/DataTableCheckbox.vue.js";
+import I from "../../../components/DataTable/DataTableRow.vue.js";
 import { ScalarButton as z, ScalarIcon as D } from "@scalar/components";
 import H from "./RequestTableTooltip.vue.js";
-const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hidden filemask flex items-end justify-end" }, O = ["onClick"], X = /* @__PURE__ */ S({
+const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hidden filemask flex items-end justify-end" }, O = ["onClick"], X = /* @__PURE__ */ C({
   __name: "RequestTable",
   props: {
     items: {},
@@ -14,12 +14,12 @@ const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hi
     showUploadButton: { type: Boolean, default: !1 }
   },
   emits: ["updateRow", "toggleRow", "addRow", "deleteRow", "inputFocus", "inputBlur", "uploadFile", "removeFile"],
-  setup(g, { emit: B }) {
-    const R = g, a = B, $ = R.isEnabledHidden ? ["", ""] : ["", "", "36px"], c = (e, o, l) => {
+  setup(g, { emit: x }) {
+    const B = g, a = x, _ = B.isEnabledHidden ? ["", ""] : ["", "", "36px"], f = (e, o, l) => {
       a("updateRow", e, o, l);
     }, F = (e) => {
       a("uploadFile", e);
-    }, b = (e) => !!(e.description || e.type || e.default || e.format), v = (e) => I(() => {
+    }, b = (e) => !!(e.description || e.type || e.default || e.format), v = (e) => T(() => {
       if (e.type === "integer" && e.value !== void 0) {
         const o = Number(e.value);
         if (e.minimum !== void 0 && o < e.minimum)
@@ -28,26 +28,26 @@ const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hi
           return `Max is ${e.maximum}`;
       }
       return !1;
-    }), h = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default;
-    return (e, o) => (u(), r(T, {
+    }), R = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default;
+    return (e, o) => (u(), s(N, {
       class: "flex-1",
-      columns: p($)
+      columns: p(_)
     }, {
-      default: s(() => [
-        (u(!0), y(w, null, U(e.items, (l, t) => (u(), r(q, { key: t }, {
-          default: s(() => [
+      default: r(() => [
+        (u(!0), y(V, null, S(e.items, (l, t) => (u(), s(I, { key: t }, {
+          default: r(() => [
             d("label", A, [
               o[4] || (o[4] = d("span", { class: "sr-only" }, "Row Enabled", -1)),
-              e.isEnabledHidden ? m("", !0) : (u(), r(N, {
+              e.isEnabledHidden ? m("", !0) : (u(), s(q, {
                 key: 0,
                 class: "!border-r-1/2",
                 modelValue: l.enabled,
                 "onUpdate:modelValue": (n) => a("toggleRow", t, n)
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))
             ]),
-            i(f, null, {
-              default: s(() => [
-                i(k, {
+            i(c, null, {
+              default: r(() => [
+                i(w, {
                   disableCloseBrackets: "",
                   disableEnter: "",
                   disableTabIndent: "",
@@ -56,17 +56,16 @@ const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hi
                   required: l.required,
                   onBlur: o[0] || (o[0] = (n) => a("inputBlur")),
                   onFocus: o[1] || (o[1] = (n) => a("inputFocus")),
-                  onInput: (n) => e.items && t === e.items.length - 1 && a("addRow"),
-                  onSelectVariable: (n) => c(t, "key", n),
+                  onSelectVariable: (n) => f(t, "key", n),
                   "onUpdate:modelValue": (n) => a("updateRow", t, "key", n)
-                }, null, 8, ["modelValue", "required", "onInput", "onSelectVariable", "onUpdate:modelValue"])
+                }, null, 8, ["modelValue", "required", "onSelectVariable", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            i(f, null, {
-              default: s(() => [
-                i(k, {
-                  class: _({
+            i(c, null, {
+              default: r(() => [
+                i(w, {
+                  class: U({
                     "pr-6": b(l)
                   }),
                   default: l.default,
@@ -82,53 +81,52 @@ const A = { class: "contents" }, M = { class: "text-c-2 max-w-[100%] overflow-hi
                   type: l.type,
                   onBlur: o[2] || (o[2] = (n) => a("inputBlur")),
                   onFocus: o[3] || (o[3] = (n) => a("inputFocus")),
-                  onInput: (n) => e.items && t === e.items.length - 1 && a("addRow"),
-                  onSelectVariable: (n) => c(t, "value", n),
+                  onSelectVariable: (n) => f(t, "value", n),
                   "onUpdate:modelValue": (n) => a("updateRow", t, "value", n)
-                }, x({
-                  icon: s(() => [
-                    b(l) ? (u(), r(H, {
+                }, h({
+                  icon: r(() => [
+                    b(l) ? (u(), s(H, {
                       key: 0,
-                      item: { ...l, default: h(l) }
+                      item: { ...l, default: R(l) }
                     }, null, 8, ["item"])) : m("", !0)
                   ]),
                   _: 2
                 }, [
                   v(l).value ? {
                     name: "warning",
-                    fn: s(() => [
-                      E(V(v(l).value), 1)
+                    fn: r(() => [
+                      E(k(v(l).value), 1)
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["class", "default", "enum", "max", "min", "modelValue", "nullable", "type", "onInput", "onSelectVariable", "onUpdate:modelValue"])
+                ]), 1032, ["class", "default", "enum", "max", "min", "modelValue", "nullable", "type", "onSelectVariable", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            e.showUploadButton ? (u(), r(f, {
+            e.showUploadButton ? (u(), s(c, {
               key: 0,
               class: "group/upload p-1 overflow-hidden relative text-ellipsis whitespace-nowrap"
             }, {
-              default: s(() => {
+              default: r(() => {
                 var n;
                 return [
-                  l.file ? (u(), y(w, { key: 0 }, [
+                  l.file ? (u(), y(V, { key: 0 }, [
                     d("div", M, [
-                      d("span", null, V((n = l.file) == null ? void 0 : n.name), 1)
+                      d("span", null, k((n = l.file) == null ? void 0 : n.name), 1)
                     ]),
                     d("button", {
                       class: "absolute bg-b-2 font-medium centered-x centered-y hidden rounded text-center p-0.5 w-[calc(100%_-_8px)] group-hover/upload:block text-xs",
                       type: "button",
-                      onClick: (C) => a("removeFile", t)
+                      onClick: ($) => a("removeFile", t)
                     }, " Delete ", 8, O)
-                  ], 64)) : (u(), r(p(z), {
+                  ], 64)) : (u(), s(p(z), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 border-0 py-px text-c-2 shadow-none",
                     size: "sm",
                     variant: "outlined",
-                    onClick: (C) => F(t)
+                    onClick: ($) => F(t)
                   }, {
-                    default: s(() => [
+                    default: r(() => [
                       o[5] || (o[5] = d("span", null, "File", -1)),
                       i(p(D), {
                         class: "ml-1",

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,wBAAwB,CAAA;AAM/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAC;;AAyGF,wBAOG"}
+{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,wBAAwB,CAAA;AAM/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAC;;AA4GF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.js

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

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue2.js

@@ -1,40 +1,44 @@
-import { defineComponent as d, ref as p, toRef as s, openBlock as f, createElementBlock as m, createElementVNode as o, unref as c, createVNode as y } from "vue";
-import { ScalarIcon as C } from "@scalar/components";
-import { useCodeMirror as g } from "@scalar/use-codemirror";
-import { useClipboard as b } from "@scalar/use-hooks/useClipboard";
-const _ = { class: "relative" }, v = { class: "scalar-code-copy" }, x = /* @__PURE__ */ d({
+import { defineComponent as m, ref as f, toRef as c, openBlock as a, createElementBlock as l, createElementVNode as t, unref as i, createVNode as y, createCommentVNode as C } from "vue";
+import { ScalarIcon as b } from "@scalar/components";
+import { prettyPrintJson as g } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as v } from "@scalar/use-codemirror";
+import { useClipboard as _ } from "@scalar/use-hooks/useClipboard";
+const k = { class: "body-raw relative overflow-auto" }, R = {
+  key: 0,
+  class: "scalar-code-copy"
+}, E = /* @__PURE__ */ m({
   __name: "ResponseBodyRaw",
   props: {
     content: {},
     language: {}
   },
-  setup(l) {
-    const r = l, n = p(null), { copyToClipboard: a } = b(), { codeMirror: i } = g({
+  setup(u) {
+    const r = u, n = f(null), { copyToClipboard: d } = _(), { codeMirror: p } = v({
       codeMirrorRef: n,
       readOnly: !0,
       lineNumbers: !0,
-      content: s(() => r.content),
-      language: s(() => r.language),
+      content: c(() => g(r.content)),
+      language: c(() => r.language),
       forceFoldGutter: !0
-    }), u = () => {
-      var t;
-      return ((t = i.value) == null ? void 0 : t.state.doc.toString()) || "";
+    }), s = () => {
+      var o;
+      return ((o = p.value) == null ? void 0 : o.state.doc.toString()) || "";
     };
-    return (t, e) => (f(), m("div", _, [
-      o("div", v, [
-        o("button", {
+    return (o, e) => (a(), l("div", k, [
+      s() ? (a(), l("div", R, [
+        t("button", {
           class: "copy-button",
           type: "button",
-          onClick: e[0] || (e[0] = (R) => c(a)(u()))
+          onClick: e[0] || (e[0] = (M) => i(d)(s()))
         }, [
-          e[1] || (e[1] = o("span", { class: "sr-only" }, "Copy content", -1)),
-          y(c(C), {
+          e[1] || (e[1] = t("span", { class: "sr-only" }, "Copy content", -1)),
+          y(i(b), {
             icon: "Clipboard",
             size: "md"
           })
         ])
-      ]),
-      o("div", {
+      ])) : C("", !0),
+      t("div", {
         ref_key: "codeMirrorRef",
         ref: n
       }, null, 512)
@@ -42,5 +46,5 @@ const _ = { class: "relative" }, v = { class: "scalar-code-copy" }, x = /* @__PU
   }
 });
 export {
-  x as default
+  E as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c233eb3"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-886982fd"]]);
 export {
-  r as default
+  s as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, onMounted as R, onBeforeUnmount as C, openBlock as l, createElementBlock as n, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as m, createVNode as s } from "vue";
+import { defineComponent as b, onMounted as R, onBeforeUnmount as C, openBlock as n, createElementBlock as l, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as m, createVNode as s } from "vue";
 import q from "../../../assets/computer.ascii.js";
 import x from "../../../assets/keycap.ascii.js";
 import u from "../../../components/ScalarAsciiArt.vue.js";
@@ -17,14 +17,14 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.2.0";
-    return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (l(), n("div", B, [
+    }, h = "2.2.2";
+    return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (n(), l("div", B, [
       o("div", {
         class: k(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
           "hidden opacity-0": t(d).length <= 1 && t(r) !== "modal"
         }])
       }, [
-        t(g) ? m("", !0) : (l(), n("div", E, [
+        t(g) ? m("", !0) : (n(), l("div", E, [
           c(" Scalar App V" + N(t(h)) + " Beta ", 1),
           e[2] || (e[2] = o("div", { class: "mt-2" }, [
             o("a", {
@@ -38,7 +38,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
           class: "text-c-3"
         }, null, 8, ["art"])
       ], 2),
-      t(r) !== "modal" ? (l(), n("div", {
+      t(r) !== "modal" ? (n(), l("div", {
         key: 0,
         class: k(["h-[calc(100%_-_50px)] items-center justify-center hidden pb-5", {
           "!flex opacity-100": t(d).length == 1
@@ -65,7 +65,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
         ])
       ], 2)) : m("", !0),
       o("div", j, [
-        t(r) !== "modal" ? (l(), n("button", {
+        t(r) !== "modal" ? (n(), l("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
@@ -82,7 +82,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
           e[5] || (e[5] = c(" Send Request ")),
           s(p, { hotkey: "↵" })
         ]),
-        t(r) !== "modal" ? (l(), n("button", {
+        t(r) === "desktop" ? (n(), l("button", {
           key: 1,
           class: "flex items-center gap-1.5",
           type: "button",

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AA0EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AAyJF,wBAOG"}
+{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AA0EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AAwJF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, openBlock as e, createBlock as n, withCtx as t, createTextVNode as l, createElementBlock as s, createVNode as m, Fragment as f, renderList as x, toDisplayString as i } from "vue";
+import { defineComponent as _, openBlock as e, createBlock as n, withCtx as t, createTextVNode as l, createElementBlock as s, createVNode as m, Fragment as c, renderList as x, toDisplayString as i } from "vue";
 import h from "../../../components/DataTable/DataTable.vue.js";
 import y from "../../../components/DataTable/DataTableRow.vue.js";
 import u from "../../../components/DataTable/DataTableText.vue.js";
@@ -10,7 +10,7 @@ const w = {
   class: "border max-h-[calc(100%-32px)] overflow-y-auto rounded"
 }, C = {
   key: 1,
-  class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"
+  class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1"
 }, R = /* @__PURE__ */ _({
   __name: "ResponseHeaders",
   props: {
@@ -21,7 +21,7 @@ const w = {
       (a) => a.name.toLowerCase() === r.toLowerCase()
     );
     return (r, a) => (e(), n(b, {
-      class: "overflow-scroll",
+      class: "overflow-auto",
       defaultOpen: !1,
       itemCount: r.headers.length
     }, {
@@ -36,16 +36,16 @@ const w = {
             scroll: ""
           }, {
             default: t(() => [
-              (e(!0), s(f, null, x(r.headers, (o, p) => (e(), n(y, {
+              (e(!0), s(c, null, x(r.headers, (o, p) => (e(), n(y, {
                 key: p,
                 class: "text-c-1"
               }, {
                 default: t(() => [
                   m(u, { class: "sticky left-0 z-1 bg-b-1 max-w-48" }, {
                     default: t(() => {
-                      var c;
+                      var f;
                       return [
-                        typeof ((c = d(o.name)) == null ? void 0 : c.url) == "string" ? (e(), n(k, {
+                        typeof ((f = d(o.name)) == null ? void 0 : f.url) == "string" ? (e(), n(k, {
                           key: 0,
                           class: "decoration-c-3",
                           href: d(o.name).url
@@ -54,7 +54,7 @@ const w = {
                             l(i(o.name), 1)
                           ]),
                           _: 2
-                        }, 1032, ["href"])) : (e(), s(f, { key: 1 }, [
+                        }, 1032, ["href"])) : (e(), s(c, { key: 1 }, [
                           l(i(o.name), 1)
                         ], 64))
                       ];

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA2RF,wBAOG"}
+{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA4RF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseSection.vue2.js";
 /* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6fdb06f8"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4c842dc1"]]);
 export {
   r as default
 };

package/dist/views/Request/ResponseSection/ResponseSection.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as _, computed as m, ref as g, openBlock as n, createBlock as i, withCtx as u, createElementVNode as l, normalizeClass as f, createCommentVNode as c, createVNode as v, createElementBlock as y, Fragment as x } from "vue";
-import R from "../../../components/ContextBar.vue.js";
-import S from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import j from "./ResponseBody.vue.js";
+import j from "../../../components/ContextBar.vue.js";
+import R from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import S from "./ResponseBody.vue.js";
 import b from "./ResponseEmpty.vue.js";
 import H from "./ResponseLoadingOverlay.vue.js";
 import V from "./ResponseMetaInformation.vue.js";
@@ -16,27 +16,27 @@ const E = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
   },
   setup(k) {
     const t = k, d = m(() => {
-      var s;
-      const e = (s = t.response) == null ? void 0 : s.headers;
-      return e ? Object.keys(e).map((o) => ({
-        name: o,
-        value: e[o],
+      var o;
+      const e = (o = t.response) == null ? void 0 : o.headers;
+      return e ? Object.keys(e).map((s) => ({
+        name: s,
+        value: e[s],
         required: !1
       })).filter(
-        (o) => ![
+        (s) => ![
           "rest-api-client-content-length",
           "X-API-Client-Content-Length"
-        ].includes(o.name)
+        ].includes(s.name)
       ) : [];
     }), B = m(
       () => {
         var e;
-        return ((e = t.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((s) => {
+        return ((e = t.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((o) => {
           var r, p;
-          const o = (p = (r = t.response) == null ? void 0 : r.headers) == null ? void 0 : p[s];
-          return o ? {
-            name: s,
-            value: o,
+          const s = (p = (r = t.response) == null ? void 0 : r.headers) == null ? void 0 : p[o];
+          return s ? {
+            name: o,
+            value: s,
             required: !1
           } : [];
         })) ?? [];
@@ -74,32 +74,32 @@ const E = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
         "application/x-www-form-urlencoded"
       ].some((T) => e.includes(T)) && (t.response.size ?? 0) > h;
     });
-    return (e, s) => (n(), i(S, { "aria-label": "Response" }, {
+    return (e, o) => (n(), i(R, { "aria-label": "Response" }, {
       title: u(() => [
         l("div", E, [
           l("div", {
             "aria-live": "polite",
             class: f(["flex items-center", { "animate-response-heading": e.response }])
           }, [
-            s[1] || (s[1] = l("span", { class: "response-heading absolute pointer-events-none" }, " Response ", -1)),
+            o[1] || (o[1] = l("span", { class: "response-heading absolute pointer-events-none" }, " Response ", -1)),
             e.response ? (n(), i(V, {
               key: 0,
               class: "animate-response-children",
               response: e.response
             }, null, 8, ["response"])) : c("", !0)
           ], 2),
-          v(R, {
+          v(j, {
             activeSection: a.value,
             sections: C,
-            onSetActiveSection: s[0] || (s[0] = (o) => a.value = o)
+            onSetActiveSection: o[0] || (o[0] = (s) => a.value = s)
           }, null, 8, ["activeSection"])
         ])
       ]),
       default: u(() => {
-        var o;
+        var s;
         return [
           l("div", {
-            class: f(["custom-scroll h-full relative grid gap-[.5px] px-2 xl:px-3 py-2.5", {
+            class: f(["custom-scroll h-full relative grid gap-[.5px] px-2 xl:px-3 py-2.5 justify-stretch", {
               "content-start": e.response
             }])
           }, [
@@ -116,10 +116,10 @@ const E = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
                 A.value ? (n(), i(w, {
                   key: 0,
                   content: t.response.data
-                }, null, 8, ["content"])) : (n(), i(j, {
+                }, null, 8, ["content"])) : (n(), i(S, {
                   key: 1,
                   active: !0,
-                  data: (o = t.response) == null ? void 0 : o.data,
+                  data: (s = t.response) == null ? void 0 : s.data,
                   headers: d.value,
                   title: "Body"
                 }, null, 8, ["data", "headers"]))

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.2.0",
+  "version": "2.2.2",
   "engines": {
     "node": ">=18"
   },
@@ -155,20 +155,20 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/draggable": "0.1.7",
+    "@scalar/components": "0.12.75",
     "@scalar/icons": "0.1.2",
-    "@scalar/oas-utils": "0.2.78",
+    "@scalar/draggable": "0.1.7",
     "@scalar/import": "0.1.2",
+    "@scalar/oas-utils": "0.2.80",
     "@scalar/object-utils": "1.1.12",
-    "@scalar/openapi-parser": "0.8.10",
     "@scalar/openapi-types": "0.1.5",
-    "@scalar/themes": "0.9.49",
-    "@scalar/types": "0.0.20",
-    "@scalar/use-hooks": "0.1.2",
+    "@scalar/openapi-parser": "0.8.10",
+    "@scalar/types": "0.0.21",
+    "@scalar/use-codemirror": "0.11.42",
     "@scalar/use-toasts": "0.7.7",
+    "@scalar/use-hooks": "0.1.4",
     "@scalar/use-tooltip": "1.0.4",
-    "@scalar/use-codemirror": "0.11.40",
-    "@scalar/components": "0.12.73"
+    "@scalar/themes": "0.9.51"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",