@scalar/api-client 2.4.3 → 2.5.0

package/dist/views/Request/RequestSection/RequestParams.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as m, onMounted as N, nextTick as p, ref as x, watch as A, createBlock as d, openBlock as v, withCtx as i, createElementVNode as f, createCommentVNode as h, createVNode as k, normalizeClass as B, unref as P, withModifiers as M, createTextVNode as R, toDisplayString as w } from "vue";
-import { ScalarTooltip as W, ScalarButton as z } from "@scalar/components";
+import { defineComponent as S, computed as m, onMounted as N, nextTick as p, ref as A, watch as B, createBlock as d, openBlock as v, withCtx as i, createElementVNode as f, createCommentVNode as k, createVNode as g, normalizeClass as M, unref as P, withModifiers as W, createTextVNode as R, toDisplayString as w } from "vue";
+import { ScalarTooltip as z, ScalarButton as D } from "@scalar/components";
 import { requestExampleParametersSchema as V } from "@scalar/oas-utils/entities/spec";
-import D from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import x from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import C from "./RequestTable.vue.js";
 import { useWorkspace as G } from "../../../store/store.js";
 const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, j = { class: "sr-only" }, I = /* @__PURE__ */ S({
@@ -27,7 +27,7 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
     const o = () => {
       const e = V.parse({ enabled: !1 }), a = [...n.value, e];
       s.edit(t.example.uid, `parameters.${t.paramKey}`, a);
-    }, u = x(null), K = (e, a, r) => {
+    }, u = A(null), K = (e, a, r) => {
       const c = n.value;
       if (c.length > e) {
         const l = [...c];
@@ -41,10 +41,10 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
       } else {
         const l = [V.parse({ [a]: r })];
         s.edit(t.example.uid, `parameters.${t.paramKey}`, l), p(() => {
-          var g;
+          var h;
           if (!u.value)
             return;
-          (g = u.value.querySelectorAll("input")[a === "key" ? 0 : 1]) == null || g.focus();
+          (h = u.value.querySelectorAll("input")[a === "key" ? 0 : 1]) == null || h.focus();
         });
       }
       e === c.length - 1 && o();
@@ -81,7 +81,7 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
     const T = m(
       () => n.value.filter((e) => e.key || e.value).length
     ), O = m(() => n.value.length > 1);
-    A(
+    B(
       () => t.example,
       (e, a) => {
         e !== a && y();
@@ -89,7 +89,7 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
       { immediate: !0 }
     );
     const b = m(() => (t.readOnlyEntries ?? []).length > 0);
-    return (e, a) => (v(), d(D, {
+    return (e, a) => (v(), d(x, {
       class: "group/params",
       itemCount: T.value
     }, {
@@ -98,17 +98,17 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
       ]),
       actions: i(() => [
         f("div", U, [
-          O.value ? (v(), d(P(W), {
+          O.value ? (v(), d(P(z), {
             key: 0,
             content: "Clear optional parameters",
             placement: "left"
           }, {
             default: i(() => [
-              k(P(z), {
+              g(P(D), {
                 class: "pr-0.75 pl-1 transition-none",
                 size: "sm",
                 variant: "ghost",
-                onClick: M(q, ["stop"])
+                onClick: W(q, ["stop"])
               }, {
                 default: i(() => [
                   a[0] || (a[0] = R(" Clear ")),
@@ -118,7 +118,7 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
               })
             ]),
             _: 1
-          })) : h("", !0)
+          })) : k("", !0)
         ])
       ]),
       default: i(() => [
@@ -128,9 +128,7 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
         }, [
           b.value ? (v(), d(C, {
             key: 0,
-            class: B(["flex-1", {
-              "bg-mix-transparent bg-mix-amount-95 bg-c-3": b.value
-            }]),
+            class: M(["flex-1", { "bg-c-3/5": b.value }]),
             columns: ["32px", "", ""],
             envVariables: e.envVariables,
             environment: e.environment,
@@ -140,8 +138,8 @@ const U = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
             items: e.readOnlyEntries,
             label: e.label,
             workspace: e.workspace
-          }, null, 8, ["class", "envVariables", "environment", "invalidParams", "items", "label", "workspace"])) : h("", !0),
-          k(C, {
+          }, null, 8, ["class", "envVariables", "environment", "invalidParams", "items", "label", "workspace"])) : k("", !0),
+          g(C, {
             class: "flex-1",
             columns: ["32px", "", ""],
             envVariables: e.envVariables,

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

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

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

@@ -84,13 +84,13 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         y("div", _, [
           r(d) !== "modal" ? (n(), f("label", {
             key: 0,
-            class: "pointer-events-auto absolute left-0 top-0 h-full w-full cursor-text opacity-0",
+            class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
             for: r(q)
           }, null, 8, ee)) : h("", !0),
           r(d) !== "modal" ? (n(), f("input", {
             key: 1,
             id: r(q),
-            class: "text-c-1 group-hover-input pl-1.25 md:-ml-1.25 pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded has-[:focus-visible]:outline",
+            class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
             placeholder: H(),
             value: e.operation.summary,
             onInput: O

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

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

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

@@ -73,7 +73,7 @@ const O = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
           default: n(() => [
             e.isGlobal ? (u(), i(s(G), {
               key: 0,
-              class: "!border-r-1/2 border-t-1/2 text-c-2 flex items-center justify-center",
+              class: "text-c-2 flex items-center justify-center border-t !border-r",
               to: l.route ?? {}
             }, {
               default: n(() => [
@@ -96,7 +96,7 @@ const O = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
               _: 2
             }, 1032, ["to"])) : (u(), i(P, {
               key: 1,
-              class: "!border-r-1/2",
+              class: "!border-r",
               disabled: m.hasCheckboxDisabled,
               modelValue: l.enabled,
               "onUpdate:modelValue": (a) => t("toggleRow", d, a)

package/dist/views/Request/RequestSection/RequestTableTooltip.vue.js

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

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

@@ -2,7 +2,7 @@ import { defineComponent as d, computed as c, createBlock as s, openBlock as t,
 import { ScalarPopover as f } from "@scalar/components";
 import { ScalarIconWarning as h, ScalarIconInfo as v } from "@scalar/icons";
 import { parameterIsInvalid as p } from "../libs/request.js";
-const y = ["aria-label", "role"], k = { class: "w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pb-1.5 pt-2 leading-none" }, g = {
+const y = ["aria-label", "role"], k = { class: "w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pt-2 pb-1.5 leading-none" }, g = {
   key: 0,
   class: "text-error-1"
 }, b = {
@@ -10,7 +10,7 @@ const y = ["aria-label", "role"], k = { class: "w-content text-xxs text-c-1 grid
   class: "schema text-c-2 flex items-center"
 }, _ = { key: 0 }, I = { key: 1 }, x = { key: 2 }, S = { key: 3 }, w = { key: 4 }, B = {
   key: 2,
-  class: "text-pretty text-sm leading-snug",
+  class: "text-sm leading-snug text-pretty",
   style: { maxWidth: "16rem" }
 }, V = /* @__PURE__ */ d({
   __name: "RequestTableTooltip",

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

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

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

@@ -179,7 +179,7 @@ const Ye = { class: "bg-b-1 sticky top-0 z-20 flex h-12 items-center px-3" }, Ze
             }, [
               n("span", tt, K(m.value ? "Hide" : "Show") + " search ", 1),
               h(t(P), {
-                class: "text-c-3 hover:bg-b-2 p-1.75 max-h-8 max-w-8 rounded-lg text-sm",
+                class: "text-c-3 hover:bg-b-2 max-h-8 max-w-8 rounded-lg p-1.75 text-sm",
                 icon: "Search"
               })
             ], 8, et)
@@ -205,7 +205,7 @@ const Ye = { class: "bg-b-1 sticky top-0 z-20 flex h-12 items-center px-3" }, Ze
             [U, m.value]
           ]),
           n("div", {
-            class: g(["gap-1/2 flex flex-1 flex-col overflow-visible overflow-y-auto px-3 pb-3 pt-0", [
+            class: g(["gap-1/2 flex flex-1 flex-col overflow-visible overflow-y-auto px-3 pt-0 pb-3", [
               {
                 "pb-14": t(i) !== "modal"
               },
@@ -311,10 +311,10 @@ const Ye = { class: "bg-b-1 sticky top-0 z-20 flex h-12 items-center px-3" }, Ze
                 }, null, 8, ["art"]),
                 h(j, {
                   art: t(Le),
-                  class: "rabbitjump absolute left-0 top-0 font-bold"
+                  class: "rabbitjump absolute top-0 left-0 font-bold"
                 }, null, 8, ["art"])
               ]),
-              e[10] || (e[10] = n("div", { class: "mb-2 mt-2 text-balance text-center text-sm" }, [
+              e[10] || (e[10] = n("div", { class: "mt-2 mb-2 text-center text-sm text-balance" }, [
                 n("b", { class: "font-medium" }, "Let's Get Started"),
                 n("p", { class: "mt-2" }, " Create request, folder, collection or import from OpenAPI/Postman ")
               ], -1))

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

@@ -2,7 +2,7 @@ import t from "./RequestSidebarItem.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-53a5cd2d"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3e34b330"]]);
 export {
-  p as default
+  a as default
 };

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

@@ -10,13 +10,13 @@ import { PathId as $ } from "../../routes.js";
 import Ce from "../../components/HttpMethod/HttpMethod.vue.js";
 import { getModifiers as Re } from "../../libs/hot-keys.js";
 import { useWorkspace as Ie } from "../../store/store.js";
-const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { class: "flex flex-row items-center gap-1" }, $e = { class: "relative" }, ze = { class: "flex items-start" }, Ee = { class: "flex flex-1 flex-row justify-between font-medium" }, Se = { class: "line-clamp-1 w-full break-all text-left" }, je = { class: "relative flex h-fit justify-end" }, Be = {
+const Te = { class: "line-clamp-1 w-full pl-2 font-medium break-all" }, Me = { class: "flex flex-row items-center gap-1" }, $e = { class: "relative" }, ze = { class: "flex items-start" }, Ee = { class: "flex flex-1 flex-row justify-between font-medium" }, Se = { class: "line-clamp-1 w-full text-left break-all" }, je = { class: "relative flex h-fit justify-end" }, Be = {
   class: "flex items-center justify-center",
   type: "button"
-}, We = ["aria-expanded"], Ae = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Ne = { class: "flex flex-1 flex-row justify-between" }, Oe = { class: "line-clamp-1 w-full break-all text-left font-medium" }, Pe = { class: "relative flex h-fit justify-end" }, Ve = {
+}, We = ["aria-expanded"], Ae = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Ne = { class: "flex flex-1 flex-row justify-between" }, Oe = { class: "line-clamp-1 w-full text-left font-medium break-all" }, Pe = { class: "relative flex h-fit justify-end" }, Ve = {
   class: "flex items-center justify-center",
   type: "button"
-}, Fe = { key: 3 }, O = "hover:bg-sidebar-active-b indent-padding-left", it = /* @__PURE__ */ me({
+}, Fe = { key: 3 }, O = "hover:bg-sidebar-b-active indent-padding-left", it = /* @__PURE__ */ me({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -28,8 +28,8 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { c
   emits: ["onDragEnd", "newTab", "openMenu"],
   setup(l, { emit: ne }) {
     ve((e) => ({
-      "0361ef56": ae.value,
-      bd04dd6e: re.value
+      d6dab45e: ae.value,
+      "07f1324d": re.value
     }));
     const oe = ne, { activeCollection: le, activeRequest: P, activeRouterParams: se, activeWorkspace: U } = De(), {
       collections: C,
@@ -170,7 +170,7 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { c
       return ce.value ? (d(), M("li", {
         key: 0,
         class: y(["relative flex flex-row", [
-          n(p) === "modal" && e.parentUids.length > 1 || n(p) !== "modal" && e.parentUids.length ? "before:bg-border indent-border-line-offset before:z-1 mb-[.5px] before:pointer-events-none before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""
+          n(p) === "modal" && e.parentUids.length > 1 || n(p) !== "modal" && e.parentUids.length ? "before:bg-border indent-border-line-offset mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-[calc(.75rem_+_.5px)] before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""
         ]])
       }, [
         m(n(ke), {
@@ -203,7 +203,7 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { c
                     s("div", {
                       class: y(["relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2", [
                         O,
-                        o || de.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
+                        o || de.value ? "bg-sidebar-b-active text-sidebar-c-active transition-none" : "text-sidebar-c-2"
                       ]])
                     }, [
                       s("span", Te, A(i.value.title || "Untitled"), 1),
@@ -256,7 +256,7 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { c
                 class: y(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 no-underline focus-visible:z-10", [
                   O,
                   {
-                    "bg-sidebar-active-b text-sidebar-active-c transition-none": typeof n(x).currentRoute.value.name == "string" && n(x).currentRoute.value.name.startsWith("collection") && n(x).currentRoute.value.params[n($).Collection] === i.value.entity.uid,
+                    "bg-sidebar-b-active text-sidebar-c-active transition-none": typeof n(x).currentRoute.value.name == "string" && n(x).currentRoute.value.name.startsWith("collection") && n(x).currentRoute.value.params[n($).Collection] === i.value.entity.uid,
                     "text-c-2": i.value.title === "Untitled Collection"
                   }
                 ]]),

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

@@ -1,7 +1,7 @@
 import e from "./RequestSubpageHeader.vue2.js";
 /* empty css                          */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ad3dcf8d"]]);
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c8df97c6"]]);
 export {
-  d as default
+  p as default
 };

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

@@ -6,7 +6,7 @@ import { useLayout as y } from "../../hooks/useLayout.js";
 import { useSidebar as h } from "../../hooks/useSidebar.js";
 import V from "../../components/OpenApiClientButton.vue.js";
 import { useWorkspace as z } from "../../store/store.js";
-const B = { class: "lg:min-h-client-header t-app__top-container border-b-1/2 flex w-full flex-wrap items-center justify-center p-2 pt-2 lg:p-1 lg:pt-1" }, S = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, $ = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" }, O = /* @__PURE__ */ g({
+const B = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1" }, S = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, $ = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" }, O = /* @__PURE__ */ g({
   __name: "RequestSubpageHeader",
   props: {
     collection: {},
@@ -46,7 +46,7 @@ const B = { class: "lg:min-h-client-header t-app__top-container border-b-1/2 fle
         }, null, 8, ["integration", "source", "url"])) : s("", !0),
         o(n) === "modal" ? (r(), l("button", {
           key: 1,
-          class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed right-2 top-2 rounded-full p-2",
+          class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
           type: "button",
           onClick: t[1] || (t[1] = (a) => e.$emit("hideModal"))
         }, [

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

@@ -58,7 +58,7 @@ const H = {
                 class: "group/row text-c-1"
               }, {
                 default: e(() => [
-                  a(_, { class: "z-1 bg-b-1 sticky left-0 max-w-48 group-first/row:border-t-0" }, {
+                  a(_, { class: "bg-b-1 sticky left-0 z-1 max-w-48 group-first/row:border-t-0" }, {
                     default: e(() => {
                       var u;
                       return [

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

@@ -59,7 +59,7 @@ const T = { class: "flex w-full items-center justify-between" }, E = {
         l("div", {
           ref_key: "contentContainer",
           ref: r,
-          class: "text-xxs font-code leading-2 h-full overflow-auto whitespace-pre-wrap"
+          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)

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyVirtual.vue"],"names":[],"mappings":"AAoEA,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,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D,CAAC;;AA6GF,wBAOG"}
+{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/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,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D,CAAC;;AA6GF,wBAOG"}

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

@@ -21,9 +21,9 @@ const R = /* @__PURE__ */ c({
         t[0] || (t[0] = y("Body"))
       ]),
       default: r(() => [
-        t[1] || (t[1] = h("div", { class: "font-code text-xxs border-1/2 rounded-t border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won’t work here. ", -1)),
+        t[1] || (t[1] = h("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(e(b), {
-          containerClass: "custom-scroll scalar-code-block border-1/2 rounded-b flex flex-1 max-h-screen",
+          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: i.value

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

@@ -5,7 +5,7 @@ import m from "../../../components/DataTable/DataTableText.vue.js";
 import k from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 const d = {
   key: 1,
-  class: "text-c-3 border-t-1/2 bg-b-1 flex min-h-[65px] items-center justify-center px-4 text-sm"
+  class: "text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm"
 }, B = /* @__PURE__ */ c({
   __name: "ResponseCookies",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":"AAoKA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAC;;AAkNF,wBAOG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":"AAoKA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAC;;AAoNF,wBAOG"}

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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-464c4989"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bb2369d4"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, onMounted as R, onBeforeUnmount as v, createElementBlock as l, openBlock as u, createElementVNode as s, createCommentVNode as c, normalizeClass as y, unref as t, createVNode as m, createTextVNode as p, toDisplayString as h, nextTick as C } from "vue";
+import { defineComponent as q, onMounted as R, onBeforeUnmount as v, createElementBlock as i, openBlock as u, createElementVNode as s, createCommentVNode as c, normalizeClass as y, unref as t, createVNode as m, createTextVNode as p, toDisplayString as h, nextTick as C } from "vue";
 import { useRoute as N, useRouter as S } from "vue-router";
 import B from "../../../assets/computer.ascii.js";
 import V from "../../../components/EmptyState.vue.js";
@@ -6,7 +6,7 @@ import E from "../../../components/ScalarAsciiArt.vue.js";
 import d from "../../../components/ScalarHotkey.vue.js";
 import { useWorkspace as K } from "../../../store/store.js";
 import { useLayout as A } from "../../../hooks/useLayout.js";
-const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
+const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" }, $ = {
   key: 0,
   class: "scalar-version-number"
 }, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, U = /* @__PURE__ */ q({
@@ -18,9 +18,9 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
     numWorkspaceRequests: {}
   },
   setup(r) {
-    const { events: a, requestMutators: g } = K(), x = N(), b = S(), { layout: n } = A(), f = () => {
-      var i;
-      const o = (i = r.operation.tags) != null && i.length ? { tags: r.operation.tags[0] ? [r.operation.tags[0]] : [] } : {}, e = g.add(o, r.collection.uid);
+    const { events: a, requestMutators: x } = K(), g = N(), b = S(), { layout: n } = A(), f = () => {
+      var l;
+      const o = (l = r.operation.tags) != null && l.length ? { tags: r.operation.tags[0] ? [r.operation.tags[0]] : [] } : {}, e = x.add(o, r.collection.uid);
       e && (b.push({
         name: "request",
         params: {
@@ -33,15 +33,15 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
         });
       }));
     }, k = (o) => {
-      o != null && o.createNew && x.name === "request" && f();
-    }, w = "2.4.3";
-    return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (u(), l("div", W, [
+      o != null && o.createNew && g.name === "request" && f();
+    }, w = "2.5.0";
+    return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (u(), i("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
           "hidden opacity-0": o.numWorkspaceRequests <= 1 && t(n) !== "modal"
         }])
       }, [
-        t(n) !== "modal" ? (u(), l("div", $, [
+        t(n) !== "modal" ? (u(), i("div", $, [
           p(" Scalar App V" + h(t(w)) + " Beta ", 1),
           e[3] || (e[3] = s("div", { class: "mt-2" }, [
             s("a", {
@@ -60,7 +60,7 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
           class: "text-c-3"
         }, null, 8, ["art"])
       ], 2),
-      t(n) !== "modal" ? (u(), l("div", {
+      t(n) !== "modal" ? (u(), i("div", {
         key: 0,
         class: y(["hidden h-[calc(100%_-_50px)] items-center justify-center pb-5", {
           "!flex opacity-100": o.numWorkspaceRequests == 1
@@ -69,20 +69,20 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
         m(V)
       ], 2)) : c("", !0),
       s("div", j, [
-        t(n) !== "modal" ? (u(), l("button", {
+        t(n) !== "modal" ? (u(), i("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (i) => t(a).commandPalette.emit())
+          onClick: e[0] || (e[0] = (l) => t(a).commandPalette.emit())
         }, [
           e[5] || (e[5] = p(" Get Started ")),
           m(d, { hotkey: "k" })
         ])) : c("", !0),
-        t(n) === "desktop" ? (u(), l("button", {
+        t(n) === "desktop" ? (u(), i("button", {
           key: 1,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[1] || (e[1] = (i) => f())
+          onClick: e[1] || (e[1] = (l) => f())
         }, [
           e[6] || (e[6] = p(" New Request ")),
           m(d, { hotkey: "N" })
@@ -90,7 +90,7 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
         s("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[2] || (e[2] = (i) => t(a).executeRequest.emit())
+          onClick: e[2] || (e[2] = (l) => t(a).executeRequest.emit())
         }, [
           e[7] || (e[7] = p(" Send Request ")),
           m(d, { hotkey: "↵" })

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

@@ -58,7 +58,7 @@ const H = {
                 class: "group/row text-c-1"
               }, {
                 default: e(() => [
-                  a(_, { class: "z-1 bg-b-1 sticky left-0 max-w-48 group-first/row:border-t-0" }, {
+                  a(_, { class: "bg-b-1 sticky left-0 z-1 max-w-48 group-first/row:border-t-0" }, {
                     default: e(() => {
                       var d;
                       return [

package/dist/views/Settings/SettingsGeneral.vue.js

@@ -6,7 +6,7 @@ import { useActiveEntities as W } from "../../store/active-entities.js";
 import F from "./components/SettingsAppearance.vue.js";
 import C from "./components/SettingsSection.vue.js";
 import { useWorkspace as O } from "../../store/store.js";
-const D = { class: "bg-b-1 h-full w-full overflow-auto" }, G = { class: "ml-auto mr-auto w-full max-w-[720px] px-5 py-5" }, q = { class: "flex flex-col gap-8" }, H = { class: "flex flex-col gap-2" }, M = { class: "flex flex-col gap-2" }, X = { class: "grid grid-cols-2 gap-2" }, Y = { class: "flex items-center gap-2" }, J = { class: "flex items-center gap-1" }, K = { class: "grid grid-cols-2 gap-2" }, Q = { class: "flex items-center gap-2" }, Z = { class: "flex items-center gap-1" }, I = { class: "size-7 rounded-xl" }, w = "https://proxy.scalar.com", ce = /* @__PURE__ */ P({
+const D = { class: "bg-b-1 h-full w-full overflow-auto" }, G = { class: "mr-auto ml-auto w-full max-w-[720px] px-5 py-5" }, q = { class: "flex flex-col gap-8" }, H = { class: "flex flex-col gap-2" }, M = { class: "flex flex-col gap-2" }, X = { class: "grid grid-cols-2 gap-2" }, Y = { class: "flex items-center gap-2" }, J = { class: "flex items-center gap-1" }, K = { class: "grid grid-cols-2 gap-2" }, Q = { class: "flex items-center gap-2" }, Z = { class: "flex items-center gap-1" }, I = { class: "size-7 rounded-xl" }, w = "https://proxy.scalar.com", ce = /* @__PURE__ */ P({
   __name: "SettingsGeneral",
   setup(ee) {
     const { activeWorkspace: o } = W(), { proxyUrl: k, workspaceMutators: j } = O(), L = [
@@ -38,7 +38,7 @@ const D = { class: "bg-b-1 h-full w-full overflow-auto" }, G = { class: "ml-auto
       var t;
       return j.edit((t = o.value) == null ? void 0 : t.uid, "themeId", x);
     }, g = R({
-      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border",
       variants: {
         active: {
           true: "bg-primary text-c-1 hover:bg-inherit",

package/dist/views/Settings/components/SettingsAppearance.vue.js

@@ -5,7 +5,7 @@ const C = { class: "flex flex-col gap-2" }, z = /* @__PURE__ */ x({
   __name: "SettingsAppearance",
   setup(h) {
     const { colorMode: r, setColorMode: n } = v(), a = g({
-      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border",
       variants: {
         active: {
           true: "bg-primary text-c-1 hover:bg-inherit",

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.4.3",
+  "version": "2.5.0",
   "engines": {
     "node": ">=20"
   },
@@ -204,38 +204,36 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "3.24.1",
-    "@scalar/components": "0.14.1",
+    "@scalar/components": "0.14.3",
+    "@scalar/icons": "0.4.2",
     "@scalar/draggable": "0.2.0",
-    "@scalar/icons": "0.4.1",
-    "@scalar/import": "0.4.2",
+    "@scalar/import": "0.4.4",
+    "@scalar/oas-utils": "0.4.0",
     "@scalar/object-utils": "1.2.1",
-    "@scalar/oas-utils": "0.3.1",
-    "@scalar/openapi-parser": "0.11.1",
+    "@scalar/openapi-parser": "0.13.0",
     "@scalar/openapi-types": "0.3.1",
-    "@scalar/postman-to-openapi": "0.3.1",
-    "@scalar/themes": "0.12.1",
-    "@scalar/types": "0.2.1",
-    "@scalar/use-codemirror": "0.12.2",
-    "@scalar/use-hooks": "0.2.1",
+    "@scalar/postman-to-openapi": "0.3.3",
     "@scalar/snippetz": "0.3.0",
-    "@scalar/use-toasts": "0.8.0",
-    "@scalar/use-tooltip": "1.1.0"
+    "@scalar/themes": "0.13.0",
+    "@scalar/types": "0.2.1",
+    "@scalar/use-hooks": "0.2.2",
+    "@scalar/use-tooltip": "1.1.0",
+    "@scalar/use-codemirror": "0.12.4",
+    "@scalar/use-toasts": "0.8.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.1.7",
     "@types/shell-quote": "^1.7.5",
     "@types/whatwg-mimetype": "^3.0.2",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/test-utils": "^2.4.1",
-    "autoprefixer": "^10.4.19",
     "jsdom": "^22.1.0",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.4",
-    "tailwindcss-color-mix": "^0.0.8",
+    "tailwindcss": "^4.1.7",
     "vite": "5.4.19",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
-    "@scalar/build-tooling": "0.2.0",
-    "@scalar/galaxy": "0.4.1"
+    "@scalar/build-tooling": "0.2.1",
+    "@scalar/galaxy": "0.5.0"
   },
   "scripts": {
     "build": "scalar-build-vite",

package/dist/tailwind/desktop-variants.d.ts

@@ -1,18 +0,0 @@
-/**
- * Platform Variants
- */
-export declare const platformVariants: readonly ["mac", "windows", "linux"];
-/**
- * Add support for `desktop` and platform modifiers
- *
- * @example <div class="desktop:rounded-lg">...</div>
- * @example <div class="mac:hidden">...</div>
- *
- * Modified from `@todesktop/tailwind-variants`
- * @see https://github.com/todesktop/tailwind-variants
- */
-export declare const desktopVariants: {
-    handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config>;
-};
-//# sourceMappingURL=desktop-variants.d.ts.map

package/dist/tailwind/desktop-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"desktop-variants.d.ts","sourceRoot":"","sources":["../../src/tailwind/desktop-variants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,gBAAgB,sCAAuC,CAAA;AAEpE;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;;;CAQ1B,CAAA"}