@scalar/api-client 2.4.4 → 2.5.0

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as b, ref as d, computed as g, createBlock as s, openBlock as n, normalizeClass as B, withCtx as C, createElementBlock as i, createCommentVNode as u, createElementVNode as $, renderSlot as p, createTextVNode as O, Fragment as I, mergeProps as y, unref as h } from "vue";
+import { defineComponent as b, ref as d, computed as g, createBlock as r, openBlock as n, normalizeClass as B, withCtx as C, createElementBlock as i, createCommentVNode as u, createElementVNode as $, renderSlot as p, createTextVNode as O, Fragment as I, mergeProps as y, unref as h } from "vue";
 import { ScalarIconButton as A } from "@scalar/components";
 import W from "../CodeInput/CodeInput.vue.js";
 import q from "./DataTableCell.vue.js";
 import E from "./DataTableInputSelect.vue.js";
-const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "type", "value"], N = {
+const F = ["for"], S = { class: "relative flex min-w-0 flex-1" }, T = ["readOnly", "type", "value"], N = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
 }, L = /* @__PURE__ */ b({
@@ -28,7 +28,7 @@ const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "ty
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
   setup(v, { emit: c }) {
-    const a = v, t = c, r = d(!0), w = d(!1), m = d(null), V = () => {
+    const a = v, t = c, s = d(!0), w = d(!1), m = d(null), V = () => {
       w.value || t("inputBlur");
     }, f = g(
       () => a.type === "password" ? "text" : a.type ?? "text"
@@ -36,13 +36,13 @@ const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "ty
       var e, l;
       !((e = a.enum) != null && e.length) && !a.readOnly && ((l = m.value) == null || l.focus());
     };
-    return (e, l) => (n(), s(q, {
-      class: B(["row relative", e.containerClass])
+    return (e, l) => (n(), r(q, {
+      class: B(["relative flex", e.containerClass])
     }, {
       default: C(() => [
         e.$slots.default ? (n(), i("div", {
           key: 0,
-          class: "text-c-1 flex items-center pl-3 pr-0",
+          class: "text-c-1 flex items-center pr-0 pl-3",
           for: e.id ?? "",
           onClick: k
         }, [
@@ -50,16 +50,16 @@ const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "ty
           l[5] || (l[5] = O(": "))
         ], 8, F)) : u("", !0),
         $("div", S, [
-          a.enum && a.enum.length ? (n(), s(E, {
+          a.enum && a.enum.length ? (n(), r(E, {
             key: 0,
             canAddCustomValue: a.canAddCustomEnumValue,
             modelValue: a.modelValue,
             value: a.enum,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => t("update:modelValue", o))
           }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), i(I, { key: 1 }, [
-            r.value && e.type === "password" ? (n(), i("input", y({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+            s.value && e.type === "password" ? (n(), i("input", y({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
               autocomplete: "off",
-              class: ["text-c-1 disabled:text-c-2 py-1.25 peer w-full min-w-0 border-none px-2 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
+              class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
               "data-1p-ignore": "",
               readOnly: e.readOnly,
               spellcheck: "false",
@@ -69,7 +69,7 @@ const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "ty
                 "update:modelValue",
                 o.target.value ?? ""
               ))
-            }), null, 16, T)) : (n(), s(W, y({ key: 1 }, e.$attrs, {
+            }), null, 16, T)) : (n(), r(W, y({ key: 1 }, e.$attrs, {
               id: e.id,
               ref_key: "codeInput",
               ref: m,
@@ -102,12 +102,12 @@ const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "ty
           p(e.$slots, "warning", {}, void 0, !0)
         ])) : u("", !0),
         p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (n(), s(h(A), {
+        e.type === "password" ? (n(), r(h(A), {
           key: 2,
-          class: "-ml-.5 mr-1.25 p-1.25 h-6 w-6 self-center",
-          icon: r.value ? "Show" : "Hide",
-          label: r.value ? "Show Password" : "Hide Password",
-          onClick: l[4] || (l[4] = (o) => r.value = !r.value)
+          class: "-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25",
+          icon: s.value ? "Show" : "Hide",
+          label: s.value ? "Show Password" : "Hide Password",
+          onClick: l[4] || (l[4] = (o) => s.value = !s.value)
         }, null, 8, ["icon", "label"])) : u("", !0)
       ]),
       _: 3

package/dist/components/DataTable/DataTableInputSelect.vue.js

@@ -124,7 +124,7 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
         ]),
         default: s(() => [
           u(a(b), {
-            class: "h-full justify-start gap-1.5 overflow-auto whitespace-nowrap px-2 py-1.5 font-normal outline-none",
+            class: "h-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none",
             fullWidth: "",
             variant: "ghost"
           }, {

package/dist/components/DataTable/DataTableText.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, createBlock as a, openBlock as o, withCtx as r, createElementVNode as s, renderSlot as n, createTextVNode as p, toDisplayString as l } from "vue";
 import c from "./DataTableCell.vue.js";
-const i = { class: "flex-1 whitespace-nowrap px-2 py-1.5" }, x = /* @__PURE__ */ t({
+const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */ t({
   __name: "DataTableText",
   props: {
     text: {}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -5,7 +5,7 @@ import { PathId as O } from "../../routes.js";
 import { useActiveEntities as P } from "../../store/active-entities.js";
 import { useWorkspace as R } from "../../store/store.js";
 import { useLayout as q } from "../../hooks/useLayout.js";
-const G = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, H = { class: "flex h-4 w-4 items-center justify-center" }, te = /* @__PURE__ */ D({
+const G = { class: "m-0 flex items-center gap-1.5 font-medium whitespace-nowrap" }, H = { class: "flex h-4 w-4 items-center justify-center" }, te = /* @__PURE__ */ D({
   __name: "EnvironmentSelector",
   setup(J) {
     const { activeCollection: a, activeWorkspace: r, activeEnvironment: u } = P(), { collectionMutators: C } = R(), { layout: y } = q(), I = F(), m = (e) => {

package/dist/components/Form/Form.vue.js

@@ -5,7 +5,7 @@ import S from "../DataTable/DataTableInput.vue.js";
 import U from "../DataTable/DataTableRow.vue.js";
 import $ from "../ViewLayout/ViewLayoutSection.vue.js";
 import { useActiveEntities as z } from "../../store/active-entities.js";
-const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"], I = { class: "centered-y bg-b-2 flex-center z-1 absolute right-1 rounded px-1 py-0.5" }, q = /* @__PURE__ */ b({
+const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"], I = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, q = /* @__PURE__ */ b({
   __name: "Form",
   props: {
     title: {},

package/dist/components/HttpMethod/HttpMethod.vue.js

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

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

@@ -25,7 +25,7 @@ const H = /* @__PURE__ */ g({
           false: "rounded-full"
         },
         isEditable: {
-          true: "http-bg-gradient rounded-md border-1/2 border-r-1/2",
+          true: "http-bg-gradient rounded-md border border-r",
           false: "cursor-auto"
         }
       }

package/dist/components/ImportCollection/DropEventListener.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as x, ref as h, onMounted as D, onBeforeUnmount as E, c
 import { ScalarIcon as w } from "@scalar/components";
 const B = {
   key: 0,
-  class: "bg-b-2 fixed bottom-1/2 right-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:bottom-10 md:right-10 md:translate-x-0 md:translate-y-0"
+  class: "bg-b-2 fixed right-1/2 bottom-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:right-10 md:bottom-10 md:translate-x-0 md:translate-y-0"
 }, F = { class: "flex h-full flex-col items-center justify-center" }, z = /* @__PURE__ */ x({
   __name: "DropEventListener",
   emits: ["input"],

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AAibA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AA+dF,wBAQG"}
+{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AAmbA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AA+dF,wBAQG"}

package/dist/components/ImportCollection/ImportCollectionModal.vue.js

@@ -24,7 +24,7 @@ const he = ["innerHTML"], xe = { class: "relative flex h-screen flex-col justify
   class: "text-md mb-2 line-clamp-1 text-center font-bold"
 }, we = { class: "z-10 inline-flex w-full flex-col items-center gap-2" }, ke = { class: "flex justify-center" }, Ie = { class: "text-c-3 inline-flex items-center px-4 py-1 text-xs font-medium" }, Le = {
   key: 0,
-  class: "border-t-1/2 mt-5 overflow-hidden pt-4 text-sm"
+  class: "mt-5 overflow-hidden border-t pt-4 text-sm"
 }, Me = { class: "flex items-center justify-center" }, Te = { class: "flex flex-col items-center justify-center pb-8" }, Ue = { class: "flex flex-col items-center text-center" }, Ae = { class: "mb-2 flex h-10 w-10 items-center justify-center rounded-[10px] border" }, Ce = {
   href: "https://scalar.com/download",
   target: "_blank"
@@ -135,7 +135,7 @@ const he = ["innerHTML"], xe = { class: "relative flex h-screen flex-col justify
               e("div", { class: "section-flare-item" })
             ], -1)),
             e("div", {
-              class: X(["border-1/2 m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl px-8 py-8 transition-opacity", { "opacity-0": i(n).state === "loading" }])
+              class: X(["m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl border px-8 py-8 transition-opacity", { "opacity-0": i(n).state === "loading" }])
             }, [
               i(n).error && i(n).state === "idle" && !k.value ? (l(), d(b, { key: 0 }, [
                 t[1] || (t[1] = e("div", { class: "text-md mb-2 line-clamp-1 text-center font-bold" }, " No OpenAPI document found ", -1)),
@@ -154,7 +154,7 @@ const he = ["innerHTML"], xe = { class: "relative flex h-screen flex-col justify
                   src: x.value
                 }, null, 8, _e)) : f("", !0),
                 x.value ? f("", !0) : (l(), d("div", be, Y(N.value || "Untitled Collection"), 1)),
-                t[4] || (t[4] = e("div", { class: "text-c-1 text-balance text-center text-sm font-medium" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
+                t[4] || (t[4] = e("div", { class: "text-c-1 text-center text-sm font-medium text-balance" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
                 k.value ? (l(), d(b, { key: 3 }, [
                   e("div", we, [
                     m(de, {
@@ -178,7 +178,7 @@ const he = ["innerHTML"], xe = { class: "relative flex h-screen flex-col justify
                         disableToolTip: !0
                       }, null, 8, ["modelValue"])
                     ]),
-                    t[3] || (t[3] = e("div", { class: "text-c-3 text-balance pt-0 text-center text-xs font-medium" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))
+                    t[3] || (t[3] = e("div", { class: "text-c-3 pt-0 text-center text-xs font-medium text-balance" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))
                   ])) : f("", !0)
                 ], 64)) : f("", !0)
               ], 64))
@@ -193,7 +193,7 @@ const he = ["innerHTML"], xe = { class: "relative flex h-screen flex-col justify
                     })
                   ])
                 ]),
-                t[5] || (t[5] = e("span", { class: "text-c-2 text-sm font-medium leading-snug" }, [
+                t[5] || (t[5] = e("span", { class: "text-c-2 text-sm leading-snug font-medium" }, [
                   e("a", {
                     class: "hover:text-c-1 mb-1 inline-block underline-offset-2",
                     href: "https://scalar.com/download",

package/dist/components/ImportCollection/PrefetchError.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as l, createElementBlock as n, openBlock as o, createTextVNode as r, unref as d } from "vue";
 import { isUrl as s } from "../../libs/isUrl.js";
-const a = { class: "w-full break-words text-center text-sm font-medium" }, u = ["href"], m = {
+const a = { class: "w-full text-center text-sm font-medium break-words" }, u = ["href"], m = {
   key: 1,
   textContent: "OpenAPI document manually"
 }, c = /* @__PURE__ */ l({

package/dist/components/ScalarHotkey.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as i, createElementBlock as p, openBlock as y, normalizeProps as h, guardReactiveProps as b, unref as k, createElementVNode as a, toDisplayString as s } from "vue";
+import { defineComponent as u, computed as a, createElementBlock as p, openBlock as y, normalizeProps as h, guardReactiveProps as k, unref as b, createElementVNode as i, toDisplayString as s } from "vue";
 import { useBindCx as x } from "@scalar/components";
 import { isMacOS as r } from "@scalar/use-tooltip";
 const C = { "aria-hidden": "true" }, w = { class: "sr-only" }, A = /* @__PURE__ */ u({
@@ -25,17 +25,17 @@ const C = { "aria-hidden": "true" }, w = { class: "sr-only" }, A = /* @__PURE__
       Shift: "⇧",
       Alt: "⌥",
       Control: "^"
-    }, { cx: m } = x(), l = i(() => `${e.modifier.map((o) => c[o]).join("+")} ${e.hotkey}`), f = i(() => {
+    }, { cx: l } = x(), m = a(() => `${e.modifier.map((o) => c[o]).join("+")} ${e.hotkey}`), f = a(() => {
       const t = e.modifier.map((n) => n === "Meta" ? r() ? "Command" : "Control" : n).join("+"), o = d[e.hotkey] ?? e.hotkey;
       return `${t} ${o}`;
     });
-    return (t, o) => (y(), p("div", h(b(
-      k(m)(
-        "border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase"
+    return (t, o) => (y(), p("div", h(k(
+      b(l)(
+        "border-(--scalar-background-3) inline-block overflow-hidden rounded border text-xxs rounded-b px-1 font-medium uppercase"
       )
     )), [
-      a("span", C, s(l.value), 1),
-      a("span", w, s(f.value), 1)
+      i("span", C, s(m.value), 1),
+      i("span", w, s(f.value), 1)
     ], 16));
   }
 });

package/dist/components/SectionFilter.vue.js

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

package/dist/components/SectionFilter.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, mergeModels as p, useModel as h, ref as g, createElementBlock as f, openBlock as i, withKeys as m, createElementVNode as a, Fragment as b, renderList as k, createBlock as y, withCtx as V, createTextVNode as w, toDisplayString as v, createVNode as S, unref as q, nextTick as B } from "vue";
 import { ScalarIcon as C } from "@scalar/components";
 import I from "./SectionFilterButton.vue.js";
-const _ = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-2 text-xs xl:flex" }, $ = { class: "context-bar-group-hover:text-c-1 absolute -right-[30px] top-1/2 flex -translate-y-1/2 items-center" }, F = { class: "context-bar-group-hover:hidden mr-1.5" }, K = /* @__PURE__ */ x({
+const _ = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-2 text-xs xl:flex" }, $ = { class: "context-bar-group-hover:text-c-1 absolute top-1/2 -right-[30px] flex -translate-y-1/2 items-center" }, F = { class: "context-bar-group-hover:hidden mr-1.5" }, K = /* @__PURE__ */ x({
   __name: "SectionFilter",
   props: /* @__PURE__ */ p({
     filters: { default: () => [] },

package/dist/components/SectionFilterButton.vue.js

@@ -9,7 +9,7 @@ const l = ["aria-controls", "aria-selected", "tabindex"], p = /* @__PURE__ */ t(
     return (e, c) => (n(), o("button", {
       "aria-controls": e.controls ?? "",
       "aria-selected": !!e.selected,
-      class: r(["hover:bg-b-2 flex w-fit cursor-pointer items-center whitespace-nowrap rounded p-1 px-2 text-center font-medium has-[:focus-visible]:outline", { "text-c-1 pointer-events-none": e.selected }]),
+      class: r(["hover:bg-b-2 flex w-fit cursor-pointer items-center rounded p-1 px-2 text-center font-medium whitespace-nowrap has-[:focus-visible]:outline", { "text-c-1 pointer-events-none": e.selected }]),
       role: "tab",
       tabindex: e.selected ? 0 : -1,
       type: "button"

package/dist/components/Server/ServerDropdown.vue.js

@@ -102,7 +102,7 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
           }, null, 8, ["collection", "operation", "server", "serverOption"]))), 128)),
           s(U) !== "modal" ? (n(), a("button", {
             key: 1,
-            class: "text-xxs p-1.75 hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded",
+            class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
             type: "button",
             onClick: B
           }, [
@@ -117,11 +117,11 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
         ], 8, T)
       ]),
       backdrop: v(() => [
-        c(s(F), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+        c(s(F), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
       ]),
       default: v(() => [
         c(s(E), {
-          class: "gap-0.75 z-context-plus h-6.5 hover:bg-b-2 font-code ml-0.75 text-c-2 whitespace-nowrap rounded border px-1.5 text-xs lg:text-sm",
+          class: "z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-xs whitespace-nowrap lg:text-sm",
           variant: "ghost"
         }, {
           default: v(() => {

package/dist/components/Server/ServerSelector.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as w, computed as n, watch as h, createBlock as y, createElementBlock as k, openBlock as m, unref as i, withCtx as p, createVNode as x, createElementVNode as o, toDisplayString as S } from "vue";
+import { defineComponent as w, computed as n, watch as h, createBlock as y, createElementBlock as k, openBlock as m, unref as i, withCtx as p, createVNode as x, createElementVNode as s, toDisplayString as S } from "vue";
 import { ScalarListbox as U, ScalarButton as b, ScalarIcon as V } from "@scalar/components";
 import { useWorkspace as B } from "../../store/store.js";
 const W = { class: "overflow-x-auto" }, z = {
   key: 1,
-  class: "gap-0.75 text-c-1 h-6.5 flex w-full items-center whitespace-nowrap rounded-b-lg px-3 py-1.5 text-xs lg:text-sm"
+  class: "text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-xs whitespace-nowrap lg:text-sm"
 }, C = { class: "overflow-x-auto" }, j = /* @__PURE__ */ w({
   __name: "ServerSelector",
   props: {
@@ -13,14 +13,14 @@ const W = { class: "overflow-x-auto" }, z = {
   },
   emits: ["updateServer"],
   setup(l, { emit: g }) {
-    const c = g, { servers: s, collectionMutators: u } = B(), a = n(
+    const u = g, { servers: o, collectionMutators: c } = B(), a = n(
       () => {
         var t;
         return (t = l.collection) == null ? void 0 : t.servers.map((e) => {
           var r;
           return {
             id: e,
-            label: ((r = s[e]) == null ? void 0 : r.url) ?? "Unknown server"
+            label: ((r = o[e]) == null ? void 0 : r.url) ?? "Unknown server"
           };
         });
       }
@@ -30,13 +30,13 @@ const W = { class: "overflow-x-auto" }, z = {
         var r;
         if (!t)
           return;
-        u.edit(
+        c.edit(
           l.collection.uid,
           "selectedServerUid",
           t.id
         );
-        const e = (r = s[t.id]) == null ? void 0 : r.url;
-        e && c("updateServer", e);
+        const e = (r = o[t.id]) == null ? void 0 : r.url;
+        e && u("updateServer", e);
       }
     });
     h(
@@ -46,7 +46,7 @@ const W = { class: "overflow-x-auto" }, z = {
         if (!t || t.selectedServerUid)
           return;
         const e = (r = l.collection.servers) == null ? void 0 : r[0];
-        e && (u.edit(l.collection.uid, "selectedServerUid", e), (f = s[e]) != null && f.url && c("updateServer", s[e].url));
+        e && (c.edit(l.collection.uid, "selectedServerUid", e), (f = o[e]) != null && f.url && u("updateServer", o[e].url));
       }
     );
     const v = n(() => {
@@ -65,12 +65,12 @@ const W = { class: "overflow-x-auto" }, z = {
     }, {
       default: p(() => [
         x(i(b), {
-          class: "gap-0.75 text-c-1 h-6.5 w-full justify-start overflow-x-auto whitespace-nowrap rounded-b-lg px-3 py-1.5 text-xs font-normal -outline-offset-1 lg:text-sm",
+          class: "text-c-1 h-auto w-full justify-start gap-0.75 overflow-x-auto rounded-b-lg px-3 py-1.5 text-xs font-normal whitespace-nowrap -outline-offset-1 lg:text-sm",
           variant: "ghost"
         }, {
           default: p(() => [
-            e[1] || (e[1] = o("span", { class: "sr-only" }, "Server:", -1)),
-            o("span", W, S(v.value), 1),
+            e[1] || (e[1] = s("span", { class: "sr-only" }, "Server:", -1)),
+            s("span", W, S(v.value), 1),
             x(i(V), {
               class: "text-c-2",
               icon: "ChevronDown",
@@ -82,8 +82,8 @@ const W = { class: "overflow-x-auto" }, z = {
       ]),
       _: 1
     }, 8, ["modelValue", "options", "target", "teleport"])) : (m(), k("div", z, [
-      e[2] || (e[2] = o("span", { class: "sr-only" }, "Server:", -1)),
-      o("span", C, S(v.value), 1)
+      e[2] || (e[2] = s("span", { class: "sr-only" }, "Server:", -1)),
+      s("span", C, S(v.value), 1)
     ]));
   }
 });

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as g, createElementBlock as p, createCommentVNode as y, openBlock as o, Fragment as h, renderList as k, normalizeClass as C, createElementVNode as V, createBlock as f, toDisplayString as B } from "vue";
 import S from "./ServerVariablesSelect.vue.js";
 import $ from "./ServerVariablesTextbox.vue.js";
-const j = { class: "mr-1.5 flex items-center py-1.5 pl-3 after:content-[':'] group-has-[input]/label:mr-0" }, O = /* @__PURE__ */ g({
+const j = { class: "mr-1.5 flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 after:content-[':']" }, O = /* @__PURE__ */ g({
   __name: "ServerVariablesForm",
   props: {
     variables: {},

package/dist/components/SideNav/SideNav.vue.js

@@ -27,7 +27,7 @@ const A = { class: "flex items-center" }, R = { class: "flex items-center" }, W
       t(g, { class: "app-no-drag-region" }, {
         default: a(() => [
           c("a", {
-            class: d(["ml-1 mr-3 hidden items-center", {
+            class: d(["mr-3 ml-1 hidden items-center", {
               "sm:flex": e(i) === "web"
             }]),
             href: "https://www.scalar.com",

package/dist/components/SideNav/SideNavLink.vue.js

@@ -11,9 +11,9 @@ const v = /* @__PURE__ */ r({
   setup(f) {
     const { layout: n } = u();
     return (e, b) => (i(), a(m(e.is ?? "a"), {
-      class: s(["hover:bg-b-3 dark:hover:bg-b-2 flex min-w-[37px] max-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
+      class: s(["hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
         "bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default": e.active,
-        "sm:min-w-max sm:max-w-max sm:rounded sm:py-1.5": o(n) === "web"
+        "sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5": o(n) === "web"
       }])
     }, {
       default: l(() => [

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as m, computed as p, createBlock as c, openBlock as r,
 import f from "./SidebarListElementForm.vue.js";
 const v = {
   key: 0,
-  class: "text-c-2 text-pretty text-sm leading-normal"
+  class: "text-c-2 text-sm leading-normal text-pretty"
 }, w = /* @__PURE__ */ m({
   __name: "DeleteSidebarListElement",
   props: {

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue.js

@@ -3,7 +3,7 @@ import { ScalarButton as x, ScalarTextInput as V } from "@scalar/components";
 import { LibraryIcon as _ } from "@scalar/icons/library";
 import b from "../../IconSelector.vue.js";
 import S from "./SidebarListElementForm.vue.js";
-const C = { class: "grid grid-cols-[auto,1fr] gap-2" }, g = { class: "flex aspect-square" }, $ = /* @__PURE__ */ p({
+const C = { class: "grid grid-cols-[auto_1fr] gap-2" }, g = { class: "flex aspect-square" }, $ = /* @__PURE__ */ p({
   __name: "EditSidebarListCollection",
   props: {
     name: {},

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.js

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

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue2.js

@@ -27,7 +27,7 @@ const g = { class: "flex justify-between gap-10" }, y = /* @__PURE__ */ u({
           _: 1
         }),
         n(a(l), {
-          class: "custom-scroll h-8 gap-1.5 whitespace-nowrap px-2.5 font-medium shadow-none focus:outline-none",
+          class: "custom-scroll h-8 gap-1.5 px-2.5 font-medium whitespace-nowrap shadow-none focus:outline-none",
           type: "submit",
           variant: t.danger ? "danger" : "solid"
         }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAyDF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;wBAZtB,GAAG;wBACH,GAAG;wBAEH,GAAG;yBADF,GAAG;;;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAqJA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAyDF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;wBAZtB,GAAG;wBACH,GAAG;wBAEH,GAAG;yBADF,GAAG;;;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Sidebar/Sidebar.vue.js

@@ -1,7 +1,7 @@
 import o from "./Sidebar.vue2.js";
 /* empty css             */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d9639e58"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-72824faa"]]);
 export {
   m as default
 };

package/dist/components/Sidebar/Sidebar.vue2.js

@@ -5,8 +5,8 @@ import { useSidebar as z } from "../../hooks/useSidebar.js";
 import { useWorkspace as C } from "../../store/store.js";
 const B = {
   key: 0,
-  class: "xl:min-h-client-header flex min-h-12 items-center justify-between px-3 py-1.5 text-sm md:px-[18px] md:py-2.5"
-}, I = { class: "m-0 whitespace-nowrap text-sm font-medium" }, X = { class: "bg-b-1 has-[.empty-sidebar-item]:border-t-1/2 relative sticky bottom-0 z-10 w-[inherit] pt-0 md:px-2.5 md:pb-2.5" }, q = /* @__PURE__ */ E({
+  class: "xl:min-h-header flex min-h-12 items-center justify-between px-3 py-1.5 text-sm md:px-[18px] md:py-2.5"
+}, I = { class: "m-0 text-sm font-medium whitespace-nowrap" }, X = { class: "bg-b-1 relative sticky bottom-0 z-10 w-[inherit] pt-0 has-[.empty-sidebar-item]:border-t md:px-2.5 md:pb-2.5" }, q = /* @__PURE__ */ E({
   __name: "Sidebar",
   props: {
     title: {}
@@ -29,7 +29,7 @@ const B = {
     return (e, f) => S((m(), l("aside", {
       ref_key: "sidebarRef",
       ref: p,
-      class: h(["sidebar bg-b-1 md:border-r-1/2 relative flex min-w-full flex-1 flex-col overflow-hidden leading-3 md:min-w-fit md:flex-none md:border-b-0", { dragging: a.value }]),
+      class: h(["sidebar bg-b-1 relative flex min-w-full flex-1 flex-col overflow-hidden leading-3 md:min-w-fit md:flex-none md:border-r md:border-b-0", { dragging: a.value }]),
       style: _({ width: t(d).lg ? t(o) : "100%" })
     }, [
       r(e.$slots, "header", {}, void 0, !0),

package/dist/components/Sidebar/SidebarButton.vue.js

@@ -13,7 +13,7 @@ const g = /* @__PURE__ */ i({
       a.click();
     };
     return (t, h) => (e(), o(r(m), {
-      class: "bg-b-1 text-c-1 hover:bg-b-2 border-1/2 group relative h-auto w-auto px-2 py-1 md:w-full md:p-1.5",
+      class: "bg-b-1 text-c-1 hover:bg-b-2 group relative h-auto w-auto border px-2 py-1 md:w-full md:p-1.5",
       icon: "Plus",
       variant: "outlined",
       onClick: l

package/dist/components/Sidebar/SidebarListElement.vue.js

@@ -2,7 +2,7 @@ import t from "./SidebarListElement.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6742391f"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-0b6c70e4"]]);
 export {
   p as default
 };

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -3,7 +3,7 @@ import { ScalarIcon as S } from "@scalar/components";
 import { Draggable as z } from "@scalar/draggable";
 import { useRouter as V } from "vue-router";
 import $ from "./SidebarListElementActions.vue.js";
-const O = { class: "empty-variable-name line-clamp-1 break-all text-sm group-hover:pr-5" }, q = /* @__PURE__ */ C({
+const O = { class: "empty-variable-name line-clamp-1 text-sm break-all group-hover:pr-5" }, q = /* @__PURE__ */ C({
   __name: "SidebarListElement",
   props: {
     variable: {},

package/dist/components/ViewLayout/ViewLayout.vue.js

@@ -6,7 +6,7 @@ const u = /* @__PURE__ */ o({
     const { cx: e } = a();
     return (r, s) => (n(), t("div", l(d(
       f(e)(
-        "flex flex-col min-h-0 flex-1 *:border-t-1/2 first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-3"
+        "flex flex-col min-h-0 flex-1 *:border-t first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-3"
       )
     )), [
       i(r.$slots, "default")

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -21,7 +21,7 @@ const _ = ["aria-labelledby"], k = { class: "text-c-1 flex flex-1 items-center g
     const u = b();
     return (e, O) => (s(), c(t(x), {
       as: "div",
-      class: r(["group/collapse focus-within:text-c-1 text-c-2 border-b", { "first-of-type:last-of-type:border-b-0": e.layout === "reference" }]),
+      class: r(["group/collapse focus-within:text-c-1 text-c-2 border-b", { "last-of-type:first-of-type:border-b-0": e.layout === "reference" }]),
       defaultOpen: e.defaultOpen,
       static: e.layout === "reference" ? !0 : void 0
     }, {
@@ -35,7 +35,7 @@ const _ = ["aria-labelledby"], k = { class: "text-c-1 flex flex-1 items-center g
           }, [
             f(t(g), {
               class: r([
-                "hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-sm font-medium outline-none md:px-1.5 xl:pl-2 xl:pr-0.5",
+                "hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-sm font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2",
                 { "!pl-3": e.layout === "reference" }
               ]),
               disabled: e.layout === "reference"

package/dist/components/ViewLayout/ViewLayoutContent.vue.js

@@ -1,6 +1,6 @@
 import { createElementBlock as e, openBlock as o, renderSlot as t } from "vue";
 import l from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, s = { class: "*:border-t-1/2 xl:*:border-l-1/2 custom-scroll flex flex-col pr-0 first:*:border-t-0 xl:flex-row xl:*:border-t-0 xl:first:*:border-l-0" };
+const c = {}, s = { class: "custom-scroll flex flex-col pr-0 *:border-t *:first:border-t-0 xl:flex-row *:xl:border-t-0 *:xl:border-l *:first:xl:border-l-0" };
 function n(r, f) {
   return o(), e("div", s, [
     t(r.$slots, "default")

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as n, createElementBlock as t, openBlock as o, normaliz
 import { useBindCx as a } from "@scalar/components";
 const u = {
   key: 0,
-  class: "request-response-header bg-b-1 z-1 -mb-1/2 sticky top-0 flex min-h-11 items-center border-b px-2.5 text-sm font-medium xl:rounded-none"
+  class: "request-response-header bg-b-1 -mb-1/2 sticky top-0 z-1 flex min-h-11 items-center border-b px-2.5 text-sm font-medium xl:rounded-none"
 }, b = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "ViewLayoutSection",

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './style.css';
 export * from './layouts/Modal';
 export * from './layouts/App';
 export { useWorkspace } from './store/store';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,UAAU,CAAA"}