@scalar/api-client 2.10.0 → 2.11.0

package/dist/v2/blocks/scalar-operation-block/components/OperationTableRow.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as S, computed as r, resolveComponent as U, createBlock as u, openBlock as s, unref as l, normalizeClass as $, withCtx as i, createVNode as d, createCommentVNode as v, createElementVNode as m, createElementBlock as c, Fragment as D, toDisplayString as I } from "vue";
+import { defineComponent as S, computed as r, resolveComponent as U, createBlock as u, openBlock as s, unref as l, normalizeClass as $, withCtx as d, createVNode as i, createCommentVNode as b, createElementVNode as m, createElementBlock as v, Fragment as D, toDisplayString as I } from "vue";
 import { ScalarTooltip as O, ScalarIcon as y, ScalarButton as h } from "@scalar/components";
 import { ScalarIconTrash as E } from "@scalar/icons";
-import { unpackProxyObject as b } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { unpackProxyObject as p } from "@scalar/workspace-store/helpers/unpack-proxy";
 import j from "./OperationTableTooltip.vue.js";
 import { getFileName as k } from "../helpers/files.js";
 import { validateParameter as q } from "../helpers/validate-parameter.js";
-import N from "../../../../components/DataTable/DataTableRow.vue.js";
-import P from "../../../../components/DataTable/DataTableCheckbox.vue.js";
-import p from "../../../../components/DataTable/DataTableCell.vue.js";
-import V from "../../../../components/CodeInput/CodeInput.vue.js";
+import N from "../../../components/data-table/DataTableRow.vue.js";
+import P from "../../../components/data-table/DataTableCheckbox.vue.js";
+import f from "../../../components/data-table/DataTableCell.vue.js";
+import w from "../../../components/code-input/CodeInput.vue.js";
 const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1" }, K = {
   key: 1,
   class: "p-0.5"
@@ -21,23 +21,22 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
     invalidParams: {},
     label: {},
     environment: {},
-    envVariables: {},
     showUploadButton: { type: Boolean }
   },
   emits: ["updateRow", "deleteRow", "uploadFile", "removeFile"],
-  setup(t, { emit: w }) {
-    const n = w, R = r(() => t.data.schema?.default), g = r(() => t.data.schema?.enum), B = r(
+  setup(t, { emit: V }) {
+    const n = V, R = r(() => t.data.schema?.default), g = r(() => t.data.schema?.enum), B = r(
       () => t.data.schema && "minimum" in t.data.schema ? t.data.schema.minimum : void 0
     ), C = r(
       () => t.data.schema && "maximum" in t.data.schema ? t.data.schema.maximum : void 0
     ), F = r(
       () => t.data.schema && "type" in t.data.schema ? t.data.schema.type : void 0
-    ), f = r(
+    ), c = r(
       () => q(t.data.schema, t.data.value)
-    ), T = (e) => e instanceof File, x = r({
+    ), x = (e) => e instanceof File, T = r({
       get: () => {
-        const e = b(t.data.value);
-        return e instanceof File ? k(b(t.data.value)) ?? "" : e === null ? "" : e;
+        const e = p(t.data.value);
+        return e instanceof File ? k(p(t.data.value)) ?? "" : e === null ? "" : e;
       },
       set: (e) => {
         typeof e == "string" && n("updateRow", { value: e });
@@ -48,24 +47,24 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
       return s(), u(l(N), {
         id: e.data.name,
         class: $({
-          alert: f.value.ok === !1,
-          error: f.value.ok === !1 && e.invalidParams?.has(e.data.name)
+          alert: c.value.ok === !1,
+          error: c.value.ok === !1 && e.invalidParams?.has(e.data.name)
         })
       }, {
-        default: i(() => [
+        default: d(() => [
           e.data.globalRoute !== void 0 ? (s(), u(z, {
             key: 0,
             class: "text-c-2 flex items-center justify-center border-t !border-r",
             to: e.data.globalRoute ?? {}
           }, {
-            default: i(() => [
+            default: d(() => [
               a[8] || (a[8] = m("span", { class: "sr-only" }, "Global", -1)),
-              d(l(O), {
+              i(l(O), {
                 content: "Global cookies are shared across the whole workspace.",
                 placement: "top"
               }, {
-                default: i(() => [
-                  d(l(y), {
+                default: d(() => [
+                  i(l(y), {
                     class: "text-c-1",
                     icon: "Globe",
                     size: "xs",
@@ -83,15 +82,14 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
             modelValue: !e.data.isDisabled,
             "onUpdate:modelValue": a[0] || (a[0] = (o) => n("updateRow", { isEnabled: o }))
           }, null, 8, ["disabled", "modelValue"])),
-          d(l(p), null, {
-            default: i(() => [
-              d(l(V), {
+          i(l(f), null, {
+            default: d(() => [
+              i(l(w), {
                 "aria-label": `${e.label} Key`,
                 disableCloseBrackets: "",
                 disabled: e.isReadOnly,
                 disableEnter: "",
                 disableTabIndent: "",
-                envVariables: e.envVariables,
                 environment: e.environment,
                 lineWrapping: "",
                 modelValue: e.data.name,
@@ -99,13 +97,13 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
                 required: !!e.data.isRequired,
                 onSelectVariable: a[1] || (a[1] = (o) => n("updateRow", { key: o })),
                 "onUpdate:modelValue": a[2] || (a[2] = (o) => n("updateRow", { key: o }))
-              }, null, 8, ["aria-label", "disabled", "envVariables", "environment", "modelValue", "required"])
+              }, null, 8, ["aria-label", "disabled", "environment", "modelValue", "required"])
             ]),
             _: 1
           }),
-          d(l(p), null, {
-            default: i(() => [
-              d(l(V), {
+          i(l(f), null, {
+            default: d(() => [
+              i(l(w), {
                 "aria-label": `${e.label} Value`,
                 class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
                 default: R.value,
@@ -114,18 +112,17 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
                 disableEnter: "",
                 disableTabIndent: "",
                 enum: g.value ?? [],
-                envVariables: e.envVariables,
                 environment: e.environment,
                 lineWrapping: "",
                 max: C.value,
                 min: B.value,
-                modelValue: x.value,
+                modelValue: T.value,
                 placeholder: "Value",
                 type: F.value,
                 onSelectVariable: a[4] || (a[4] = (o) => n("updateRow", { value: o })),
                 "onUpdate:modelValue": a[5] || (a[5] = (o) => n("updateRow", { value: o }))
               }, {
-                icon: i(() => [
+                icon: d(() => [
                   (e.data.name || e.data.value) && !e.data.isRequired ? (s(), u(l(h), {
                     key: 0,
                     class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
@@ -133,46 +130,46 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
                     variant: "ghost",
                     onClick: a[3] || (a[3] = (o) => n("deleteRow"))
                   }, {
-                    default: i(() => [
-                      d(l(E), { class: "size-3.5" })
+                    default: d(() => [
+                      i(l(E), { class: "size-3.5" })
                     ]),
                     _: 1
-                  })) : v("", !0),
+                  })) : b("", !0),
                   e.data.schema ? (s(), u(j, {
                     key: 1,
                     schema: e.data.schema,
                     value: e.data.value
-                  }, null, 8, ["schema", "value"])) : v("", !0)
+                  }, null, 8, ["schema", "value"])) : b("", !0)
                 ]),
                 _: 1
-              }, 8, ["aria-label", "default", "disabled", "enum", "envVariables", "environment", "max", "min", "modelValue", "type"])
+              }, 8, ["aria-label", "default", "disabled", "enum", "environment", "max", "min", "modelValue", "type"])
             ]),
             _: 1
           }),
-          e.showUploadButton ? (s(), u(l(p), {
+          e.showUploadButton ? (s(), u(l(f), {
             key: 2,
             class: "group/upload flex items-center justify-center whitespace-nowrap"
           }, {
-            default: i(() => [
-              T(l(b)(e.data.value)) ? (s(), c(D, { key: 0 }, [
+            default: d(() => [
+              x(l(p)(e.data.value)) ? (s(), v(D, { key: 0 }, [
                 m("div", G, [
-                  m("span", null, I(l(k)(l(b)(e.data.value))), 1)
+                  m("span", null, I(l(k)(l(p)(e.data.value))), 1)
                 ]),
                 m("button", {
                   class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
                   type: "button",
                   onClick: a[6] || (a[6] = (o) => n("removeFile"))
                 }, " Delete ")
-              ], 64)) : (s(), c("div", K, [
-                d(l(h), {
+              ], 64)) : (s(), v("div", K, [
+                i(l(h), {
                   class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
                   size: "sm",
                   variant: "outlined",
                   onClick: a[7] || (a[7] = (o) => n("uploadFile"))
                 }, {
-                  default: i(() => [
+                  default: d(() => [
                     a[9] || (a[9] = m("span", null, "Upload File", -1)),
-                    d(l(y), {
+                    i(l(y), {
                       class: "ml-1",
                       icon: "Upload",
                       size: "xs",
@@ -184,7 +181,7 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
               ]))
             ]),
             _: 1
-          })) : v("", !0)
+          })) : b("", !0)
         ]),
         _: 1
       }, 8, ["id", "class"]);

package/dist/v2/blocks/scalar-response-block/components/Headers.vue.d.ts

@@ -5,9 +5,9 @@ type Header = {
 type __VLS_Props = {
     headers: Header[];
 };
-declare var __VLS_5: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_5) => any;
+    title?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/v2/blocks/scalar-response-block/components/Headers.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Headers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/Headers.vue"],"names":[],"mappings":"AA8EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;AAsKF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B7C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Headers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/Headers.vue"],"names":[],"mappings":"AA8EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;AAuKF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B7C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/blocks/scalar-response-block/components/Headers.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as x, createBlock as f, openBlock as t, withCtx as e, createElementBlock as s, createVNode as n, unref as d, createTextVNode as l, Fragment as u, renderList as y, toDisplayString as i, renderSlot as h } from "vue";
+import { defineComponent as x, createBlock as f, openBlock as t, unref as m, withCtx as e, createElementBlock as s, createVNode as n, createTextVNode as l, Fragment as u, renderList as y, toDisplayString as i, renderSlot as h } from "vue";
 import b from "../../../../components/DataTable/DataTable.vue.js";
 import c from "../../../../components/DataTable/DataTableRow.vue.js";
 import p from "../../../../components/DataTable/DataTableText.vue.js";
 import g from "../../../../components/HelpfulLink.vue.js";
-import k from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { httpHeaders as w } from "../../../../data/httpHeaders.js";
+import { httpHeaders as k } from "../../../../data/httpHeaders.js";
+import w from "../../../components/layout/CollapsibleSection.vue.js";
 import _ from "../../../../components/DataTable/DataTableHeader.vue.js";
 const C = {
   key: 0,
@@ -18,10 +18,10 @@ const C = {
     headers: {}
   },
   setup($) {
-    const m = (r) => w.find(
+    const d = (r) => k.find(
       (o) => o.name.toLowerCase() === r.toLowerCase()
     );
-    return (r, o) => (t(), f(k, {
+    return (r, o) => (t(), f(m(w), {
       class: "overflow-auto",
       defaultOpen: !1,
       itemCount: r.headers.length
@@ -38,13 +38,13 @@ const C = {
             default: e(() => [
               n(c, { class: "sr-only !block" }, {
                 default: e(() => [
-                  n(d(_), null, {
+                  n(m(_), null, {
                     default: e(() => [...o[0] || (o[0] = [
                       l("Header Key", -1)
                     ])]),
                     _: 1
                   }),
-                  n(d(_), null, {
+                  n(m(_), null, {
                     default: e(() => [...o[1] || (o[1] = [
                       l("Header Value", -1)
                     ])]),
@@ -60,10 +60,10 @@ const C = {
                 default: e(() => [
                   n(p, { class: "bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0" }, {
                     default: e(() => [
-                      typeof m(a.name)?.url == "string" ? (t(), f(g, {
+                      typeof d(a.name)?.url == "string" ? (t(), f(g, {
                         key: 0,
                         class: "decoration-c-3",
-                        href: m(a.name).url
+                        href: d(a.name).url
                       }, {
                         default: e(() => [
                           l(i(a.name), 1)

package/dist/v2/blocks/scalar-response-block/components/ResponseBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBody.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AAuLF,wBAMG"}
+{"version":3,"file":"ResponseBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBody.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AAwLF,wBAMG"}

package/dist/v2/blocks/scalar-response-block/components/ResponseBody.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseBody.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-493b6549"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f20aa18"]]);
 export {
-  e as default
+  s as default
 };

package/dist/v2/blocks/scalar-response-block/components/ResponseBody.vue2.js

@@ -1,5 +1,4 @@
-import { defineComponent as w, ref as g, computed as l, createBlock as n, openBlock as t, createSlots as x, withCtx as i, createElementBlock as B, createCommentVNode as r, createElementVNode as p, toDisplayString as v, createTextVNode as c, createVNode as k } from "vue";
-import _ from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { defineComponent as w, ref as g, computed as l, createBlock as n, openBlock as t, unref as x, createSlots as B, withCtx as u, createElementBlock as k, createCommentVNode as r, createElementVNode as p, toDisplayString as c, createTextVNode as v, createVNode as _ } from "vue";
 import { processResponseBody as R } from "../helpers/process-response-body.js";
 import { getMediaTypeConfig as T } from "../helpers/media-types.js";
 import V from "./ResponseBodyDownload.vue.js";
@@ -7,10 +6,11 @@ import U from "./ResponseBodyInfo.vue.js";
 import b from "./ResponseBodyPreview.vue.js";
 import C from "./ResponseBodyRaw.vue.js";
 import N from "./ResponseBodyToggle.vue.js";
+import S from "../../../components/layout/CollapsibleSection.vue.js";
 const $ = {
   key: 0,
   class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
-}, E = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" }, P = { class: "text-xxs font-code leading-3" }, G = /* @__PURE__ */ w({
+}, E = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" }, P = { class: "text-xxs font-code leading-3" }, H = /* @__PURE__ */ w({
   __name: "ResponseBody",
   props: {
     title: {},
@@ -29,21 +29,21 @@ const $ = {
     ), a = l(
       () => T(e.value.mimeType?.essence ?? "")
     );
-    return (o, u) => (t(), n(_, {
+    return (o, i) => (t(), n(x(S), {
       class: "max-h-content overflow-y-hidden",
-      layout: o.layout
-    }, x({
-      title: i(() => [
-        c(v(o.title), 1)
+      isStatic: o.layout === "reference"
+    }, B({
+      title: u(() => [
+        v(c(o.title), 1)
       ]),
-      default: i(() => [
-        o.data ? (t(), B("div", $, [
+      default: u(() => [
+        o.data ? (t(), k("div", $, [
           p("div", E, [
-            p("span", P, v(e.value.mimeType?.essence), 1),
+            p("span", P, c(e.value.mimeType?.essence), 1),
             m.value ? (t(), n(N, {
               key: 0,
               modelValue: s.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (h) => s.value = h)
+              "onUpdate:modelValue": i[0] || (i[0] = (h) => s.value = h)
             }, null, 8, ["modelValue"])) : r("", !0)
           ]),
           a.value?.raw && y.value ? (t(), n(C, {
@@ -59,8 +59,8 @@ const $ = {
             type: e.value.mimeType?.essence ?? ""
           }, null, 8, ["alpha", "mode", "src", "type"])) : r("", !0),
           !a.value?.raw && !a.value?.preview ? (t(), n(U, { key: 2 }, {
-            default: i(() => [...u[1] || (u[1] = [
-              c(" Binary file ", -1)
+            default: u(() => [...i[1] || (i[1] = [
+              v(" Binary file ", -1)
             ])]),
             _: 1
           })) : r("", !0)
@@ -70,8 +70,8 @@ const $ = {
     }, [
       o.data && e.value.dataUrl ? {
         name: "actions",
-        fn: i(() => [
-          k(V, {
+        fn: u(() => [
+          _(V, {
             filename: e.value.attachmentFilename,
             href: e.value.dataUrl,
             type: e.value.mimeType?.essence
@@ -79,9 +79,9 @@ const $ = {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["layout"]));
+    ]), 1032, ["isStatic"]));
   }
 });
 export {
-  G as default
+  H as default
 };

package/dist/v2/blocks/scalar-response-block/components/ResponseBodyStreaming.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AA+GA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;;AAiLF,wBAMG"}
+{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AA+GA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;;AAkLF,wBAMG"}

package/dist/v2/blocks/scalar-response-block/components/ResponseBodyStreaming.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as y, ref as i, watch as _, nextTick as w, onMounted as h, onBeforeUnmount as k, createBlock as L, openBlock as s, withCtx as p, createElementVNode as l, createElementBlock as d, createCommentVNode as c, toDisplayString as g, unref as u, createVNode as B } from "vue";
+import { defineComponent as y, ref as d, watch as _, nextTick as w, onMounted as h, onBeforeUnmount as k, createBlock as L, openBlock as s, unref as l, withCtx as p, createElementVNode as i, createElementBlock as c, createCommentVNode as u, toDisplayString as g, createVNode as B } from "vue";
 import { useLoadingState as S, ScalarLoading as b } from "@scalar/components";
-import C from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import C from "../../../components/layout/CollapsibleSection.vue.js";
 const T = { class: "flex w-full items-center justify-between" }, E = {
   key: 0,
   class: "mr-2 flex items-center gap-2"
@@ -16,7 +16,7 @@ const T = { class: "flex w-full items-center justify-between" }, E = {
     reader: {}
   },
   setup(f) {
-    const e = S(), o = i(""), a = i(null), m = new TextDecoder(), r = i(null), v = () => {
+    const e = S(), o = d(""), a = d(null), m = new TextDecoder(), r = d(null), v = () => {
       r.value && (r.value.scrollTop = r.value.scrollHeight);
     };
     _(o, () => {
@@ -42,27 +42,27 @@ const T = { class: "flex w-full items-center justify-between" }, E = {
       e.startLoading(), x(), a.value = null;
     }), k(() => {
       f.reader.cancel(), e.stopLoading();
-    }), (n, t) => (s(), L(C, { class: "max-h-content overflow-y-hidden" }, {
+    }), (n, t) => (s(), L(l(C), { class: "max-h-content overflow-y-hidden" }, {
       title: p(() => [
-        l("div", T, [
-          t[1] || (t[1] = l("div", null, "Body", -1)),
-          u(e).isLoading ? (s(), d("div", E, [
-            B(u(b), {
-              loadingState: u(e),
+        i("div", T, [
+          t[1] || (t[1] = i("div", null, "Body", -1)),
+          l(e).isLoading ? (s(), c("div", E, [
+            B(l(b), {
+              loadingState: l(e),
               size: "xs"
             }, null, 8, ["loadingState"]),
-            t[0] || (t[0] = l("span", { class: "text-c-2" }, " Listening… ", -1))
-          ])) : c("", !0)
+            t[0] || (t[0] = i("span", { class: "text-c-2" }, " Listening… ", -1))
+          ])) : u("", !0)
         ])
       ]),
       default: p(() => [
-        l("div", {
+        i("div", {
           ref_key: "contentContainer",
           ref: r,
           class: "text-xxs font-code h-full overflow-auto leading-2 whitespace-pre-wrap"
         }, [
-          a.value ? (s(), d("div", N, g(a.value.message), 1)) : c("", !0),
-          o.value ? (s(), d("div", V, g(o.value), 1)) : c("", !0)
+          a.value ? (s(), c("div", N, g(a.value.message), 1)) : u("", !0),
+          o.value ? (s(), c("div", V, g(o.value), 1)) : u("", !0)
         ], 512)
       ]),
       _: 1

package/dist/v2/blocks/scalar-response-block/components/ResponseBodyVirtual.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBodyVirtual.vue"],"names":[],"mappings":"AAmEA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AAyGF,wBAMG"}
+{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBodyVirtual.vue"],"names":[],"mappings":"AAmEA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AA0GF,wBAMG"}

package/dist/v2/blocks/scalar-response-block/components/ResponseBodyVirtual.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as l, computed as r, createBlock as i, openBlock as d, createSlots as m, withCtx as a, createElementVNode as c, createVNode as n, unref as f, createTextVNode as p } from "vue";
+import { defineComponent as i, computed as r, createBlock as d, openBlock as m, unref as n, createSlots as c, withCtx as a, createElementVNode as f, createVNode as s, createTextVNode as p } from "vue";
 import { ScalarVirtualText as u } from "@scalar/components";
 import { formatJsonOrYamlString as x } from "@scalar/oas-utils/helpers";
-import h from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { processResponseBody as y } from "../helpers/process-response-body.js";
-import v from "./ResponseBodyDownload.vue.js";
-const S = /* @__PURE__ */ l({
+import { processResponseBody as h } from "../helpers/process-response-body.js";
+import y from "./ResponseBodyDownload.vue.js";
+import v from "../../../components/layout/CollapsibleSection.vue.js";
+const S = /* @__PURE__ */ i({
   __name: "ResponseBodyVirtual",
   props: {
     content: {},
@@ -12,23 +12,23 @@ const S = /* @__PURE__ */ l({
     headers: {}
   },
   setup(o) {
-    const s = r(() => x(o.content)), e = r(
-      () => y({
+    const l = r(() => x(o.content)), e = r(
+      () => h({
         data: o.data,
         headers: o.headers
       })
     );
-    return (b, t) => (d(), i(h, { class: "!max-h-100% response-body-virtual overflow-x-auto" }, m({
+    return (b, t) => (m(), d(n(v), { class: "!max-h-100% response-body-virtual overflow-x-auto" }, c({
       title: a(() => [
         t[0] || (t[0] = p("Body", -1))
       ]),
       default: a(() => [
-        t[1] || (t[1] = c("div", { class: "font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won't work here. ", -1)),
-        n(f(u), {
+        t[1] || (t[1] = f("div", { class: "font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won't work here. ", -1)),
+        s(n(u), {
           containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
           contentClass: "language-plaintext whitespace-pre font-code text-base",
           lineHeight: 20,
-          text: s.value
+          text: l.value
         }, null, 8, ["text"])
       ]),
       _: 2
@@ -36,7 +36,7 @@ const S = /* @__PURE__ */ l({
       e.value.dataUrl ? {
         name: "actions",
         fn: a(() => [
-          n(v, {
+          s(y, {
             filename: e.value.attachmentFilename,
             href: e.value.dataUrl,
             type: e.value.mimeType?.essence

package/dist/v2/blocks/scalar-response-block/components/ResponseCookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseCookies.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AA6GF,wBAMG"}
+{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseCookies.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;;AA8GF,wBAMG"}

package/dist/v2/blocks/scalar-response-block/components/ResponseCookies.vue.js

@@ -1,33 +1,33 @@
-import { defineComponent as c, createBlock as r, openBlock as e, withCtx as t, createElementBlock as s, Fragment as i, renderList as f, createVNode as a, createTextVNode as u } from "vue";
-import p from "../../../../components/DataTable/DataTable.vue.js";
-import k from "../../../../components/DataTable/DataTableRow.vue.js";
+import { defineComponent as c, createBlock as r, openBlock as e, unref as f, withCtx as t, createElementBlock as s, Fragment as i, renderList as u, createVNode as a, createTextVNode as p } from "vue";
+import k from "../../../../components/DataTable/DataTable.vue.js";
+import _ from "../../../../components/DataTable/DataTableRow.vue.js";
 import m from "../../../../components/DataTable/DataTableText.vue.js";
-import _ from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-const d = {
+import d from "../../../components/layout/CollapsibleSection.vue.js";
+const x = {
   key: 1,
   class: "text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm"
-}, B = /* @__PURE__ */ c({
+}, N = /* @__PURE__ */ c({
   __name: "ResponseCookies",
   props: {
     cookies: {}
   },
-  setup(x) {
-    return (o, l) => (e(), r(_, {
+  setup(C) {
+    return (o, l) => (e(), r(f(d), {
       defaultOpen: !1,
       itemCount: o.cookies.length
     }, {
       title: t(() => [...l[0] || (l[0] = [
-        u("Cookies", -1)
+        p("Cookies", -1)
       ])]),
       default: t(() => [
         (e(), s(i, { key: 0 }, [
-          o.cookies.length ? (e(), r(p, {
+          o.cookies.length ? (e(), r(k, {
             key: 0,
             class: "flex-1",
             columns: ["", ""]
           }, {
             default: t(() => [
-              (e(!0), s(i, null, f(o.cookies, (n) => (e(), r(k, {
+              (e(!0), s(i, null, u(o.cookies, (n) => (e(), r(_, {
                 key: n.name
               }, {
                 default: t(() => [
@@ -42,7 +42,7 @@ const d = {
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (e(), s("div", d, " No cookies "))
+          })) : (e(), s("div", x, " No cookies "))
         ], 64))
       ]),
       _: 1
@@ -50,5 +50,5 @@ const d = {
   }
 });
 export {
-  B as default
+  N as default
 };

package/dist/v2/components/data-table/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTable.vue"],"names":[],"mappings":"AAwCA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AA8CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTable.vue"],"names":[],"mappings":"AAwCA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AA6CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/data-table/DataTable.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as s, createElementBlock as o, openBlock as l, normalizeProps as n, guardReactiveProps as i, unref as m, createElementVNode as p, normalizeStyle as c, normalizeClass as u, createCommentVNode as d, renderSlot as t } from "vue";
+import { defineComponent as r, createElementBlock as o, openBlock as l, normalizeProps as n, guardReactiveProps as i, unref as m, createElementVNode as p, normalizeStyle as c, normalizeClass as u, createCommentVNode as d, renderSlot as t } from "vue";
 import { useBindCx as f } from "@scalar/components";
 const b = ["role"], y = {
   key: 0,
   class: "sr-only"
-}, _ = /* @__PURE__ */ s({
+}, _ = /* @__PURE__ */ r({
   __name: "DataTable",
   props: {
     columns: {},
@@ -19,10 +19,10 @@ const b = ["role"], y = {
       )
     )), [
       p("table", {
-        class: u(["mb-0 grid min-h-8 auto-rows-auto border-t", { "w-max min-w-full": e.scroll }]),
+        class: u(["mb-0 grid min-h-8 auto-rows-auto", { "w-max min-w-full": e.scroll }]),
         role: e.presentational ? "presentation" : "table",
         style: c({
-          gridTemplateColumns: e.columns.map((r) => r || "1fr").join(" ")
+          gridTemplateColumns: e.columns.map((s) => s || "1fr").join(" ")
         })
       }, [
         e.$slots.caption ? (l(), o("caption", y, [