@scalar/api-client 2.5.5 → 2.5.7

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @scalar/api-client
 
+## 2.5.7
+
+### Patch Changes
+
+- a5d010c: feat: implement deleteRow function for RequestBody form data
+- b12cd8e: fix: updates introduction auth table style
+  - @scalar/components@0.14.9
+  - @scalar/use-codemirror@0.12.10
+
+## 2.5.6
+
+### Patch Changes
+
+- 282129b: fix: safely create a new response when there is no content
+- a5b399d: fix: updates address bar background style
+- 4156f1d: Expand workspace store integration
+- 711b435: fix: re-create client store on document change
+- Updated dependencies [2974dd6]
+- Updated dependencies [221e35f]
+- Updated dependencies [166e298]
+- Updated dependencies [b6ed440]
+- Updated dependencies [4156f1d]
+- Updated dependencies [f823d45]
+- Updated dependencies [177438d]
+- Updated dependencies [37c90b8]
+  - @scalar/oas-utils@0.4.5
+  - @scalar/openapi-types@0.3.3
+  - @scalar/helpers@0.0.4
+  - @scalar/types@0.2.3
+  - @scalar/openapi-parser@0.17.0
+  - @scalar/snippetz@0.3.1
+  - @scalar/components@0.14.8
+  - @scalar/import@0.4.10
+  - @scalar/icons@0.4.3
+  - @scalar/postman-to-openapi@0.3.8
+  - @scalar/themes@0.13.3
+  - @scalar/draggable@0.2.0
+  - @scalar/object-utils@1.2.1
+  - @scalar/use-codemirror@0.12.9
+  - @scalar/use-hooks@0.2.2
+  - @scalar/use-toasts@0.8.0
+  - @scalar/use-tooltip@1.1.0
+
 ## 2.5.5
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAmXA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AA+bJ,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAqXA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AAkcJ,wBAQG"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2ba26325"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e050d490"]]);
 export {
-  m as default
+  d as default
 };

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

@@ -1,16 +1,16 @@
-import { defineComponent as z, useId as I, ref as i, watch as L, createElementBlock as U, openBlock as k, unref as r, createElementVNode as l, createVNode as u, normalizeStyle as A, normalizeClass as M, createBlock as $, createCommentVNode as H, withCtx as N, toDisplayString as b } from "vue";
-import { ScalarButton as T, ScalarIcon as D } from "@scalar/components";
-import { REQUEST_METHODS as O } from "@scalar/oas-utils/helpers";
-import P from "../CodeInput/CodeInput.vue.js";
-import K from "../HttpMethod/HttpMethod.vue.js";
-import Q from "./AddressBarHistory.vue.js";
-import W from "../Server/ServerDropdown.vue.js";
-import { useWorkspace as j } from "../../store/store.js";
-import { useLayout as F } from "../../hooks/useLayout.js";
-const G = ["id"], J = { class: "address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]" }, X = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, Y = { class: "z-context-plus flex gap-1" }, Z = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, _ = {
+import { defineComponent as I, useId as z, ref as i, watch as L, createElementBlock as U, openBlock as k, unref as a, createElementVNode as l, createVNode as u, normalizeStyle as $, createBlock as A, createCommentVNode as M, withCtx as H, toDisplayString as b } from "vue";
+import { ScalarButton as N, ScalarIcon as T } from "@scalar/components";
+import { REQUEST_METHODS as D } from "@scalar/oas-utils/helpers";
+import O from "../CodeInput/CodeInput.vue.js";
+import P from "../HttpMethod/HttpMethod.vue.js";
+import K from "./AddressBarHistory.vue.js";
+import Q from "../Server/ServerDropdown.vue.js";
+import { useWorkspace as W } from "../../store/store.js";
+import { useLayout as j } from "../../hooks/useLayout.js";
+const F = ["id"], G = { class: "address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]" }, J = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, X = { class: "z-context-plus flex gap-1" }, Y = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, Z = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
-}, ee = { class: "sr-only" }, ue = /* @__PURE__ */ z({
+}, _ = { class: "sr-only" }, de = /* @__PURE__ */ I({
   __name: "AddressBar",
   props: {
     collection: {},
@@ -22,7 +22,7 @@ const G = ["id"], J = { class: "address-bar-bg-states text-xxs group relative or
   },
   emits: ["importCurl"],
   setup(n) {
-    const p = I(), { requestMutators: m, events: f } = j(), { layout: v } = F(), h = i(null), w = i(null), B = (e) => {
+    const p = z(), { requestMutators: m, events: c } = W(), { layout: v } = j(), h = i(null), x = i(null), B = (e) => {
       n.operation.path !== e && m.edit(n.operation.uid, "path", e);
     };
     L(
@@ -31,81 +31,84 @@ const G = ["id"], J = { class: "address-bar-bg-states text-xxs group relative or
         e && B(e);
       }
     );
-    const t = i(100), x = i(0), a = i(!1), s = i();
-    function C() {
-      a.value ? t.value -= (t.value - 15) / 60 : t.value -= x.value / 20, t.value <= 0 && (clearInterval(s.value), s.value = void 0, t.value = 100, a.value = !1);
-    }
+    const t = i(100), w = i(0), r = i(!1), s = i();
     function y() {
-      s.value || (a.value = !0, s.value = setInterval(C, 20));
+      r.value ? t.value -= (t.value - 15) / 60 : t.value -= w.value / 20, t.value <= 0 && (clearInterval(s.value), s.value = void 0, t.value = 100, r.value = !1);
+    }
+    function C() {
+      s.value || (r.value = !0, s.value = setInterval(y, 20));
     }
     function R() {
-      x.value = t.value, a.value = !1;
+      w.value = t.value, r.value = !1;
     }
     function q() {
-      clearInterval(s.value), s.value = void 0, t.value = 100, a.value = !1;
+      clearInterval(s.value), s.value = void 0, t.value = 100, r.value = !1;
     }
-    f.requestStatus.on((e) => {
-      e === "start" && y(), e === "stop" && R(), e === "abort" && q();
-    }), f.focusAddressBar.on(() => {
+    c.requestStatus.on((e) => {
+      e === "start" && C(), e === "stop" && R(), e === "abort" && q();
+    }), c.focusAddressBar.on(() => {
       var e, o, d;
-      v === "modal" ? (o = (e = w.value) == null ? void 0 : e.$el) == null || o.focus() : (d = h.value) == null || d.focus();
+      v === "modal" ? (o = (e = x.value) == null ? void 0 : e.$el) == null || o.focus() : (d = h.value) == null || d.focus();
     });
     function S(e) {
       m.edit(n.operation.uid, "method", e);
     }
-    function E() {
+    function V() {
       const { method: e } = n.operation;
-      return O[e].backgroundColor;
+      return D[e].colorVar;
     }
     function g() {
-      a.value || (a.value = !0, f.executeRequest.emit({ requestUid: n.operation.uid }));
+      r.value || (r.value = !0, c.executeRequest.emit({ requestUid: n.operation.uid }));
     }
-    f.hotKeys.on((e) => {
+    c.hotKeys.on((e) => {
       var o;
       e != null && e.focusAddressBar && ((o = h.value) == null || o.focus()), e != null && e.executeRequest && g();
     });
-    function V(e) {
+    function E(e) {
       m.edit(n.operation.uid, "path", e);
     }
     return (e, o) => {
       var d;
       return k(), U("div", {
-        id: r(p),
+        id: a(p),
         class: "scalar-address-bar order-last flex h-(--scalar-address-bar-height) w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
       }, [
-        l("div", J, [
-          l("div", X, [
+        l("div", G, [
+          l("div", J, [
             l("div", {
-              class: M(["absolute top-0 left-0 z-[1002] h-full w-full", E()]),
-              style: A({ transform: `translate3d(-${t.value}%,0,0)` })
-            }, null, 6)
+              class: "absolute top-0 left-0 z-[1002] h-full w-full",
+              style: $({
+                backgroundColor: `color-mix(in srgb, transparent 90%, ${V()})`,
+                transform: `translate3d(-${t.value}%,0,0)`
+              })
+            }, null, 4)
           ]),
-          l("div", Y, [
-            u(K, {
-              isEditable: r(v) !== "modal",
+          l("div", X, [
+            u(P, {
+              isEditable: a(v) !== "modal",
               isSquare: "",
               method: e.operation.method,
               teleport: "",
               onChange: S
             }, null, 8, ["isEditable", "method"])
           ]),
-          l("div", Z, [
-            e.collection.servers.length ? (k(), $(r(W), {
+          l("div", Y, [
+            e.collection.servers.length ? (k(), A(a(Q), {
               key: 0,
               collection: e.collection,
               layout: "client",
               operation: e.operation,
               server: e.server,
-              target: r(p)
-            }, null, 8, ["collection", "operation", "server", "target"])) : H("", !0),
+              target: a(p)
+            }, null, 8, ["collection", "operation", "server", "target"])) : M("", !0),
             o[1] || (o[1] = l("div", { class: "fade-left" }, null, -1)),
-            u(P, {
+            u(O, {
               ref_key: "addressBarRef",
               ref: h,
               "aria-label": "Path",
               class: "min-w-fit outline-none",
               disableCloseBrackets: "",
-              disabled: r(v) === "modal",
+              disabled: a(v) === "modal",
               disableEnter: "",
               disableTabIndent: "",
               emitOnBlur: !1,
@@ -116,44 +119,44 @@ const G = ["id"], J = { class: "address-bar-bg-states text-xxs group relative or
               placeholder: (d = e.server) != null && d.uid && e.collection.servers.includes(e.server.uid) ? "" : "Enter a URL or cURL command",
               server: "",
               workspace: e.workspace,
-              onCurl: o[0] || (o[0] = (c) => e.$emit("importCurl", c)),
+              onCurl: o[0] || (o[0] = (f) => e.$emit("importCurl", f)),
               onSubmit: g,
-              "onUpdate:modelValue": V
+              "onUpdate:modelValue": E
             }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder", "workspace"]),
             o[2] || (o[2] = l("div", { class: "fade-right" }, null, -1))
           ]),
-          u(Q, {
+          u(K, {
             operation: e.operation,
-            target: r(p)
+            target: a(p)
           }, null, 8, ["operation", "target"]),
-          u(r(T), {
+          u(a(N), {
             ref_key: "sendButtonRef",
-            ref: w,
+            ref: x,
             class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold",
-            disabled: a.value,
+            disabled: r.value,
             onClick: g
           }, {
-            default: N(() => {
-              var c;
+            default: H(() => {
+              var f;
               return [
-                l("span", _, [
-                  u(r(D), {
+                l("span", Z, [
+                  u(a(T), {
                     class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
                   o[3] || (o[3] = l("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
                 ]),
-                l("span", ee, " Send " + b(e.operation.method) + " request to " + b(((c = e.server) == null ? void 0 : c.url) ?? "") + b(e.operation.path), 1)
+                l("span", _, " Send " + b(e.operation.method) + " request to " + b(((f = e.server) == null ? void 0 : f.url) ?? "") + b(e.operation.path), 1)
               ];
             }),
             _: 1
           }, 8, ["disabled"])
         ])
-      ], 8, G);
+      ], 8, F);
     };
   }
 });
 export {
-  ue as default
+  de as default
 };

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

@@ -101,16 +101,16 @@ export declare const PaletteComponents: {
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
                 callbacks?: Record<string, Record<string, Record<string, any>>> | undefined;
                 'x-scalar-stability'?: unknown;
-                method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
+                method?: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect" | undefined;
                 'x-post-response'?: string | undefined;
                 'x-codeSamples'?: unknown;
                 'x-code-samples'?: unknown;
@@ -157,16 +157,16 @@ export declare const PaletteComponents: {
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
                 callbacks?: Record<string, Record<string, Record<string, any>>> | undefined;
                 'x-scalar-stability'?: unknown;
-                method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
+                method?: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect" | undefined;
                 'x-post-response'?: string | undefined;
                 'x-codeSamples'?: unknown;
                 'x-code-samples'?: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA0eA;;;;GAIG;;AACH,wBAmjBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBAnlB9B,CAvTqC;qBAuTrC,CAtTY;;;;;;;mBAsTZ,CAvTqC;qBAuTrC,CAtTY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAiuB4F,CAAA;;;;;;;;;;;;;;;+BAQzB,CAAC;4BAAuC,CAAA;2BAAsC,CAAC;8BAA6B,CAAC;4BAC5J,CAAA;6BAAiD,CAAA;+BAA8B,CAAC;qCAA+C,CAAC;;0BAC7I,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;2BAG7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAb4F,CAAA;;;;;;;;;;;;;;;+BAQzB,CAAC;4BAAuC,CAAA;2BAAsC,CAAC;8BAA6B,CAAC;4BAC5J,CAAA;6BAAiD,CAAA;+BAA8B,CAAC;qCAA+C,CAAC;;0BAC7I,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;2BAG7D,CAAC;;;;;;;;;;;;;;;;;;;;CAoKF,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA0eA;;;;GAIG;;AACH,wBAmjBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBAnlB9B,CAvTqC;qBAuTrC,CAtTY;;;;;;;mBAsTZ,CAvTqC;qBAuTrC,CAtTY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAiuB4F,CAAA;;;;;;;;;;;;;;;+BAQzB,CAAC;4BAAuC,CAAA;2BAAsC,CAAC;8BAA6B,CAAC;4BAC5J,CAAA;6BAAiD,CAAA;+BAA8B,CAAC;qCAA+C,CAAC;;2BAC5I,CAAC;yBAAwB,CAAC;2BAEJ,CAAC;0BAEtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAdkG,CAAA;;;;;;;;;;;;;;;+BAQzB,CAAC;4BAAuC,CAAA;2BAAsC,CAAC;8BAA6B,CAAC;4BAC5J,CAAA;6BAAiD,CAAA;+BAA8B,CAAC;qCAA+C,CAAC;;2BAC5I,CAAC;yBAAwB,CAAC;2BAEJ,CAAC;0BAEtC,CAAC;;;;;;;;;;;;;;;;;;;;CAmKI,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

package/dist/components/Server/ServerSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAYzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;;;;;AA0LF,wBAOG"}
+{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAYzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;;;;;AA4LF,wBAOG"}

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

@@ -1,5 +1,5 @@
-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 { defineComponent as w, computed as n, watch as h, createBlock as y, createElementBlock as b, openBlock as m, unref as i, withCtx as g, createVNode as p, createElementVNode as s, toDisplayString as x } from "vue";
+import { ScalarListbox as k, ScalarButton as U, ScalarIcon as V } from "@scalar/components";
 import { useWorkspace as B } from "../../store/store.js";
 const W = { class: "overflow-x-auto" }, z = {
   key: 1,
@@ -12,8 +12,8 @@ const W = { class: "overflow-x-auto" }, z = {
     target: {}
   },
   emits: ["updateServer"],
-  setup(l, { emit: g }) {
-    const u = g, { servers: o, collectionMutators: c } = B(), a = n(
+  setup(l, { emit: S }) {
+    const u = S, { servers: o, collectionMutators: c } = B(), a = n(
       () => {
         var t;
         return (t = l.collection) == null ? void 0 : t.servers.map((e) => {
@@ -53,7 +53,7 @@ const W = { class: "overflow-x-auto" }, z = {
       var t, e, r;
       return (e = (t = l.server) == null ? void 0 : t.url) != null && e.endsWith("/") ? l.server.url.slice(0, -1) : ((r = l.server) == null ? void 0 : r.url) || "";
     });
-    return (t, e) => a.value.length > 1 ? (m(), y(i(U), {
+    return (t, e) => a.value.length > 1 ? (m(), y(i(k), {
       key: 0,
       modelValue: d.value,
       "onUpdate:modelValue": e[0] || (e[0] = (r) => d.value = r),
@@ -63,15 +63,15 @@ const W = { class: "overflow-x-auto" }, z = {
       target: t.target,
       teleport: `#${t.target}`
     }, {
-      default: p(() => [
-        x(i(b), {
-          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",
+      default: g(() => [
+        p(i(U), {
+          class: "bg-b-1 text-c-1 h-auto w-full justify-start gap-0.75 overflow-x-auto rounded-t-none rounded-b-lg px-3 py-1.5 text-xs font-normal whitespace-nowrap -outline-offset-1 lg:text-sm",
           variant: "ghost"
         }, {
-          default: p(() => [
+          default: g(() => [
             e[1] || (e[1] = s("span", { class: "sr-only" }, "Server:", -1)),
-            s("span", W, S(v.value), 1),
-            x(i(V), {
+            s("span", W, x(v.value), 1),
+            p(i(V), {
               class: "text-c-2",
               icon: "ChevronDown",
               size: "sm"
@@ -81,9 +81,9 @@ const W = { class: "overflow-x-auto" }, z = {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "options", "target", "teleport"])) : (m(), k("div", z, [
+    }, 8, ["modelValue", "options", "target", "teleport"])) : (m(), b("div", z, [
       e[2] || (e[2] = s("span", { class: "sr-only" }, "Server:", -1)),
-      s("span", C, S(v.value), 1)
+      s("span", C, x(v.value), 1)
     ]));
   }
 });

package/dist/layouts/App/create-api-client-app.d.ts

@@ -4,6 +4,7 @@ import type { ApiClientConfiguration } from '@scalar/types/api-reference';
  */
 export declare const createApiClientApp: (el: HTMLElement | null, configuration?: Partial<ApiClientConfiguration>, mountOnInitialize?: boolean, router?: import("vue-router").Router) => Promise<{
     app: import("vue").App<Element>;
+    resetStore: () => void;
     updateConfig: (_newConfig: Partial<ApiClientConfiguration>) => Promise<void>;
     updateServer: (serverUrl: string) => void;
     onUpdateServer: (callback: (url: string) => void) => void;
@@ -243,7 +244,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
             selectedServerUid: (string & import("zod").BRAND<"server">) | null;
             servers: (string & import("zod").BRAND<"server">)[];
             examples: (string & import("zod").BRAND<"example">)[];
-            method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+            method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
             description?: string | undefined;
             summary?: string | undefined;
             externalDocs?: {
@@ -268,10 +269,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                     summary?: string | undefined;
                     externalValue?: string | undefined;
                 }> | undefined;
-                schema?: unknown;
                 content?: unknown;
                 style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                 explode?: boolean | undefined;
+                schema?: unknown;
             }[] | undefined;
             requestBody?: any;
             responses?: Record<string, any> | undefined;
@@ -1232,7 +1233,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1257,10 +1258,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1291,7 +1292,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1316,10 +1317,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1351,7 +1352,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1376,10 +1377,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1410,7 +1411,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1435,10 +1436,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1468,7 +1469,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1493,10 +1494,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1526,7 +1527,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1551,10 +1552,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1585,7 +1586,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1610,10 +1611,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1643,7 +1644,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1668,10 +1669,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
@@ -1701,7 +1702,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 selectedServerUid: (string & import("zod").BRAND<"server">) | null;
                 servers: (string & import("zod").BRAND<"server">)[];
                 examples: (string & import("zod").BRAND<"example">)[];
-                method: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace";
+                method: "options" | "get" | "put" | "post" | "delete" | "head" | "patch" | "trace" | "connect";
                 description?: string | undefined;
                 summary?: string | undefined;
                 externalDocs?: {
@@ -1726,10 +1727,10 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                         summary?: string | undefined;
                         externalValue?: string | undefined;
                     }> | undefined;
-                    schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
                     explode?: boolean | undefined;
+                    schema?: unknown;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;