@scalar/api-client 2.2.39 → 2.2.41

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @scalar/api-client
 
+## 2.2.41
+
+### Patch Changes
+
+- be34e7d: feat: adds client server state usage in reference
+- 4e6f0eb: fix: updates settings checkbox ui
+- 42d08d7: fix: updates dropdown checkbox ui
+- 2edbab2: fix: ensure add server button does not show on the references client server dropdown
+- Updated dependencies [be34e7d]
+- Updated dependencies [51f3177]
+- Updated dependencies [42d08d7]
+  - @scalar/oas-utils@0.2.101
+  - @scalar/types@0.0.29
+  - @scalar/themes@0.9.63
+  - @scalar/components@0.13.18
+  - @scalar/import@0.2.21
+  - @scalar/postman-to-openapi@0.1.24
+  - @scalar/openapi-parser@0.10.4
+  - @scalar/use-codemirror@0.11.63
+  - @scalar/use-hooks@0.1.17
+
+## 2.2.40
+
+### Patch Changes
+
+- 6636051: Add requests to the children of collections, so they'll be shown in the client
+
 ## 2.2.39
 
 ### 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":";;;;;AA0vBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AA8vBA,wBAMG"}

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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-893bff81"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2b1591cf"]]);
 export {
-  a as default
+  f as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as M, useId as H, ref as n, watch as N, unref as l, openBlock as q, createElementBlock as T, createElementVNode as r, normalizeClass as $, normalizeStyle as O, createVNode as u, createBlock as P, createCommentVNode as y, withCtx as D } from "vue";
+import { defineComponent as M, useId as H, ref as n, watch as N, unref as t, openBlock as y, createElementBlock as T, createElementVNode as r, normalizeClass as $, normalizeStyle as O, createVNode as u, createBlock as P, createCommentVNode as q, withCtx as D } from "vue";
 import K from "../CodeInput/CodeInput.vue.js";
 import { useActiveEntities as Q } from "../../store/active-entities.js";
 import { ScalarButton as W, ScalarIcon as j } from "@scalar/components";
 import { REQUEST_METHODS as F } from "@scalar/oas-utils/helpers";
 import G from "../HttpMethod/HttpMethod.vue.js";
 import J from "./AddressBarHistory.vue.js";
-import X from "./AddressBarServer.vue.js";
+import X from "../Server/ServerDropdown.vue.js";
 import { useWorkspace as Y } from "../../store/store.js";
 import { useLayout as Z } from "../../hooks/useLayout.js";
 const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { class: "addressbar-bg-states group text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg p-0.75 max-w-[calc(100dvw-24px)]" }, ae = { class: "border rounded-lg pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, re = { class: "flex gap-1 z-context-plus" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full" }, se = {
@@ -15,16 +15,16 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
   __name: "AddressBar",
   emits: ["importCurl"],
   setup(ie) {
-    const d = H(), { activeRequest: t, activeExample: B, activeServer: v, activeCollection: p } = Q(), { requestMutators: c, events: f } = Y(), { layout: x } = Z(), h = n(null), E = (e) => {
-      !t.value || t.value.path === e || c.edit(t.value.uid, "path", e);
+    const d = H(), { activeRequest: l, activeExample: B, activeServer: c, activeCollection: f } = Q(), { requestMutators: m, events: v } = Y(), { layout: x } = Z(), h = n(null), E = (e) => {
+      !l.value || l.value.path === e || m.edit(l.value.uid, "path", e);
     };
     N(
       () => {
         var e;
-        return (e = t.value) == null ? void 0 : e.path;
+        return (e = l.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !t.value || !e || E(e);
+        !l.value || !e || E(e);
       }
     );
     const o = n(100), g = n(0), s = n(!1), i = n();
@@ -40,33 +40,33 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
     function I() {
       clearInterval(i.value), i.value = void 0, o.value = 100, s.value = !1;
     }
-    f.requestStatus.on((e) => {
+    v.requestStatus.on((e) => {
       e === "start" && S(), e === "stop" && z(), e === "abort" && I();
     });
     function V(e) {
-      t.value && c.edit(t.value.uid, "method", e);
+      l.value && m.edit(l.value.uid, "method", e);
     }
     function L() {
-      if (!t.value) return;
-      const { method: e } = t.value;
+      if (!l.value) return;
+      const { method: e } = l.value;
       return F[e].backgroundColor;
     }
-    function m() {
+    function p() {
       var e;
-      s.value || (s.value = !0, f.executeRequest.emit({ requestUid: (e = t.value) == null ? void 0 : e.uid }));
+      s.value || (s.value = !0, v.executeRequest.emit({ requestUid: (e = l.value) == null ? void 0 : e.uid }));
     }
-    f.hotKeys.on((e) => {
+    v.hotKeys.on((e) => {
       var a;
-      e != null && e.focusAddressBar && ((a = h.value) == null || a.focus()), e != null && e.executeRequest && m();
+      e != null && e.focusAddressBar && ((a = h.value) == null || a.focus()), e != null && e.executeRequest && p();
     });
     function U(e) {
-      t.value && c.edit(t.value.uid, "path", e);
+      l.value && m.edit(l.value.uid, "path", e);
     }
     return (e, a) => {
       var b, w, C, _, k;
-      return l(t) && l(B) ? (q(), T("div", {
+      return t(l) && t(B) ? (y(), T("div", {
         key: 0,
-        id: l(d),
+        id: t(d),
         class: "scalar-address-bar order-last lg:order-none lg:w-auto w-full [--scalar-address-bar-height:32px] h-[--scalar-address-bar-height]"
       }, [
         r("div", te, [
@@ -79,18 +79,22 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
             ]),
             r("div", re, [
               u(G, {
-                isEditable: l(x) !== "modal",
+                isEditable: t(x) !== "modal",
                 isSquare: "",
-                method: l(t).method,
+                method: t(l).method,
                 teleport: "",
                 onChange: V
               }, null, 8, ["isEditable", "method"])
             ]),
             r("div", oe, [
-              (w = (b = l(p)) == null ? void 0 : b.servers) != null && w.length ? (q(), P(X, {
+              (w = (b = t(f)) == null ? void 0 : b.servers) != null && w.length ? (y(), P(t(X), {
                 key: 0,
-                target: l(d)
-              }, null, 8, ["target"])) : y("", !0),
+                collection: t(f),
+                layout: "client",
+                operation: t(l),
+                server: t(c),
+                target: t(d)
+              }, null, 8, ["collection", "operation", "server", "target"])) : q("", !0),
               a[1] || (a[1] = r("div", { class: "fade-left" }, null, -1)),
               u(K, {
                 ref_key: "addressBarRef",
@@ -98,29 +102,29 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
                 "aria-label": "Path",
                 class: "outline-none min-w-fit",
                 disableCloseBrackets: "",
-                disabled: l(x) === "modal",
+                disabled: t(x) === "modal",
                 disableEnter: "",
                 disableTabIndent: "",
                 emitOnBlur: !1,
                 importCurl: "",
-                modelValue: l(t).path,
-                placeholder: (C = l(v)) != null && C.uid && ((k = (_ = l(p)) == null ? void 0 : _.servers) != null && k.includes(l(v).uid)) ? "" : "Enter a URL or cURL command",
+                modelValue: t(l).path,
+                placeholder: (C = t(c)) != null && C.uid && ((k = (_ = t(f)) == null ? void 0 : _.servers) != null && k.includes(t(c).uid)) ? "" : "Enter a URL or cURL command",
                 server: "",
                 onCurl: a[0] || (a[0] = (A) => e.$emit("importCurl", A)),
-                onSubmit: m,
+                onSubmit: p,
                 "onUpdate:modelValue": U
               }, null, 8, ["disabled", "modelValue", "placeholder"]),
               a[2] || (a[2] = r("div", { class: "fade-right" }, null, -1))
             ]),
-            u(J, { target: l(d) }, null, 8, ["target"]),
-            u(l(W), {
+            u(J, { target: t(d) }, null, 8, ["target"]),
+            u(t(W), {
               class: "relative h-auto shrink-0 z-context-plus overflow-hidden pl-2 pr-2.5 py-1 font-bold",
               disabled: s.value,
-              onClick: m
+              onClick: p
             }, {
               default: D(() => [
                 r("span", se, [
-                  u(l(j), {
+                  u(t(j), {
                     class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
@@ -133,7 +137,7 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
             }, 8, ["disabled"])
           ])
         ])
-      ], 8, ee)) : y("", !0);
+      ], 8, ee)) : q("", !0);
     };
   }
 });

package/dist/components/AddressBar/index.d.ts

@@ -1,3 +1,2 @@
-import AddressBar from './AddressBar.vue.js';
-export { AddressBar };
+export { default as AddressBar } from './AddressBar.vue.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

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

@@ -1,5 +1,5 @@
-import { defineComponent as O, computed as m, ref as y, watch as S, nextTick as E, openBlock as u, createElementBlock as f, createBlock as v, unref as a, withCtx as n, createVNode as s, createElementVNode as d, toDisplayString as w, withDirectives as K, withKeys as M, vModelText as R, Fragment as C, renderList as U, normalizeClass as W, createTextVNode as $, createCommentVNode as _ } from "vue";
-import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as q } from "@scalar/components";
+import { defineComponent as O, computed as m, ref as y, watch as g, nextTick as E, openBlock as u, createElementBlock as f, createBlock as v, unref as a, withCtx as n, createVNode as s, createElementVNode as d, toDisplayString as w, withDirectives as K, withKeys as M, vModelText as R, Fragment as C, renderList as U, normalizeClass as W, createTextVNode as $, createCommentVNode as _ } from "vue";
+import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as V, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as q } from "@scalar/components";
 const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible]:rounded-[4px] -outline-offset-1" }, H = { class: "text-c-1 whitespace-nowrap" }, J = { class: "text-c-1" }, P = { class: "flex items-center justify-center h-4 w-4" }, Z = /* @__PURE__ */ O({
   __name: "DataTableInputSelect",
   props: {
@@ -12,7 +12,7 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
   emits: ["update:modelValue"],
   setup(B, { emit: j }) {
     const r = B, c = j, p = m(() => r.value ?? []), i = y(!1), o = y(""), x = y(null);
-    S(o, (e) => {
+    g(o, (e) => {
       c("update:modelValue", e);
     });
     const k = (e) => {
@@ -22,25 +22,25 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
     }, A = () => {
       o.value.trim() || (c("update:modelValue", ""), i.value = !1);
     }, N = (e) => r.modelValue.toString() === e;
-    S(i, (e) => {
+    g(i, (e) => {
       e && E(() => {
-        var t;
-        (t = x.value) == null || t.focus();
+        var l;
+        (l = x.value) == null || l.focus();
       });
     });
-    const g = m(() => r.modelValue !== void 0 ? r.modelValue : r.default), V = m(() => {
+    const S = m(() => r.modelValue !== void 0 ? r.modelValue : r.default), h = m(() => {
       const e = new Set(r.modelValue.toString().split(", "));
-      return p.value.filter((t) => e.has(t)).map((t) => ({ id: t, label: t, value: t }));
+      return p.value.filter((l) => e.has(l)).map((l) => ({ id: l, label: l, value: l }));
     }), T = m(
       () => p.value.map((e) => ({ id: e, label: e, value: e }))
     ), I = (e) => {
-      const t = e.map((l) => l.value);
-      c("update:modelValue", t.join(", "));
+      const l = e.map((t) => t.value);
+      c("update:modelValue", l.join(", "));
     };
-    return (e, t) => (u(), f("div", G, [
+    return (e, l) => (u(), f("div", G, [
       e.type === "array" ? (u(), v(a(F), {
         key: 0,
-        modelValue: V.value,
+        modelValue: h.value,
         options: T.value,
         "onUpdate:modelValue": I
       }, {
@@ -51,8 +51,8 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
             variant: "ghost"
           }, {
             default: n(() => [
-              d("span", H, w(V.value.length > 0 ? V.value.map((l) => l.label).join(", ") : "Select a value"), 1),
-              s(a(h), {
+              d("span", H, w(h.value.length > 0 ? h.value.map((t) => t.label).join(", ") : "Select a value"), 1),
+              s(a(V), {
                 icon: "ChevronDown",
                 size: "md"
               })
@@ -65,7 +65,7 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
         key: 1,
         ref_key: "inputRef",
         ref: x,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => o.value = l),
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => o.value = t),
         class: "border-none text-c-1 min-w-0 w-full px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
@@ -76,29 +76,29 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
       ]) : (u(), v(a(L), {
         key: 2,
         resize: "",
-        value: g.value
+        value: S.value
       }, {
         items: n(() => [
-          (u(!0), f(C, null, U(p.value, (l) => (u(), v(a(D), {
-            key: l,
+          (u(!0), f(C, null, U(p.value, (t) => (u(), v(a(D), {
+            key: t,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            value: l,
-            onClick: (Q) => k(l)
+            value: t,
+            onClick: (Q) => k(t)
           }, {
             default: n(() => [
               d("div", {
                 class: W([
                   "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                  N(l) ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                  N(t) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                 ])
               }, [
-                s(a(h), {
+                s(a(V), {
                   class: "size-2.5",
                   icon: "Checkmark",
-                  thickness: "3.5"
+                  thickness: "3"
                 })
               ], 2),
-              $(" " + w(l), 1)
+              $(" " + w(t), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
@@ -106,16 +106,16 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
             p.value.length ? (u(), v(a(q), { key: 0 })) : _("", !0),
             s(a(D), {
               class: "flex items-center gap-1.5",
-              onClick: t[1] || (t[1] = (l) => i.value = !0)
+              onClick: l[1] || (l[1] = (t) => i.value = !0)
             }, {
               default: n(() => [
                 d("div", P, [
-                  s(a(h), {
+                  s(a(V), {
                     icon: "Add",
                     size: "sm"
                   })
                 ]),
-                t[2] || (t[2] = d("span", null, "Add value", -1))
+                l[2] || (l[2] = d("span", null, "Add value", -1))
               ]),
               _: 1
             })
@@ -128,8 +128,8 @@ const G = { class: "pr-4 w-full has-[:focus-visible]:outline has-[:focus-visible
             variant: "ghost"
           }, {
             default: n(() => [
-              d("span", J, w(g.value || "Select a value"), 1),
-              s(a(h), {
+              d("span", J, w(S.value || "Select a value"), 1),
+              s(a(V), {
                 icon: "ChevronDown",
                 size: "md"
               })

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

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as f, watch as B, onMounted as D, openBlock as c, createElementBlock as x, createVNode as s, unref as n, withCtx as l, Fragment as j, renderList as M, createBlock as h, withModifiers as w, createTextVNode as E, toDisplayString as k, createElementVNode as u, normalizeClass as V, createCommentVNode as z } from "vue";
+import { defineComponent as I, computed as f, watch as B, onMounted as D, openBlock as c, createElementBlock as x, createVNode as s, unref as n, withCtx as l, Fragment as j, renderList as M, createBlock as w, withModifiers as h, createTextVNode as E, toDisplayString as k, createElementVNode as u, normalizeClass as V, createCommentVNode as z } from "vue";
 import { useActiveEntities as L } from "../../store/active-entities.js";
 import { ScalarDropdown as W, ScalarDropdownItem as m, ScalarListboxCheckbox as $, ScalarIcon as g, ScalarDropdownDivider as A, ScalarButton as F } from "@scalar/components";
 import { useRouter as O } from "vue-router";
@@ -43,10 +43,10 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
     }), (e, t) => (c(), x("div", null, [
       s(n(W), { placement: "bottom-end" }, {
         items: l(() => [
-          (c(!0), x(j, null, M(N.value, (o) => (c(), h(n(m), {
+          (c(!0), x(j, null, M(N.value, (o) => (c(), w(n(m), {
             key: o.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: w((r) => d(o.uid), ["stop"])
+            onClick: h((r) => d(o.uid), ["stop"])
           }, {
             default: l(() => {
               var r;
@@ -61,7 +61,7 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
           }, 1032, ["onClick"]))), 128)),
           s(n(m), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: t[0] || (t[0] = w((o) => d(""), ["stop"]))
+            onClick: t[0] || (t[0] = h((o) => d(""), ["stop"]))
           }, {
             default: l(() => {
               var o, r;
@@ -69,13 +69,13 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
                 u("div", {
                   class: V([
                     "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                    ((o = n(v)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                    ((o = n(v)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                   ])
                 }, [
                   s(n(g), {
                     class: "size-2.5",
                     icon: "Checkmark",
-                    thickness: "3.5"
+                    thickness: "3"
                   })
                 ], 2),
                 t[1] || (t[1] = E(" No Environment "))
@@ -84,7 +84,7 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             _: 1
           }),
           s(n(A)),
-          n(b) !== "modal" ? (c(), h(n(m), {
+          n(b) !== "modal" ? (c(), w(n(m), {
             key: 0,
             class: "flex items-center gap-1.5",
             onClick: S

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

@@ -1,4 +1,4 @@
-import { defineComponent as W, ref as D, openBlock as m, createElementBlock as w, Fragment as v, createElementVNode as s, createVNode as o, unref as e, withCtx as r, renderList as z, createBlock as N, withModifiers as k, normalizeClass as M, toDisplayString as h, withDirectives as B, vModelText as V, createTextVNode as j } from "vue";
+import { defineComponent as W, ref as D, openBlock as m, createElementBlock as w, Fragment as k, createElementVNode as s, createVNode as a, unref as e, withCtx as r, renderList as z, createBlock as N, withModifiers as v, normalizeClass as M, toDisplayString as h, withDirectives as B, vModelText as V, createTextVNode as j } from "vue";
 import { useActiveEntities as E } from "../../store/active-entities.js";
 import { useModal as T, ScalarDropdown as $, ScalarDropdownItem as _, ScalarIcon as u, ScalarDropdownDivider as A, ScalarButton as b, ScalarModal as I } from "@scalar/components";
 import { useToasts as F } from "@scalar/use-toasts";
@@ -30,14 +30,14 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
         }
       }), l.value = "", c.hide();
     };
-    return (n, t) => (m(), w(v, null, [
+    return (n, t) => (m(), w(k, null, [
       s("div", R, [
-        o(e($), null, {
+        a(e($), null, {
           items: r(() => [
-            (m(!0), w(v, null, z(e(g), (a, p) => (m(), N(e(_), {
+            (m(!0), w(k, null, z(e(g), (o, p) => (m(), N(e(_), {
               key: p,
               class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-              onClick: k((d) => y(p), ["stop"])
+              onClick: v((d) => y(p), ["stop"])
             }, {
               default: r(() => {
                 var d;
@@ -45,28 +45,28 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
                   s("div", {
                     class: M([
                       "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                      ((d = e(i)) == null ? void 0 : d.uid) === p ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                      ((d = e(i)) == null ? void 0 : d.uid) === p ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                     ])
                   }, [
-                    o(e(u), {
+                    a(e(u), {
                       class: "size-2.5",
                       icon: "Checkmark",
-                      thickness: "3.5"
+                      thickness: "3"
                     })
                   ], 2),
-                  s("span", G, h(a.name), 1)
+                  s("span", G, h(o.name), 1)
                 ];
               }),
               _: 2
             }, 1032, ["onClick"]))), 128)),
-            o(e(A)),
-            o(e(_), {
+            a(e(A)),
+            a(e(_), {
               class: "flex items-center gap-1.5",
-              onClick: t[0] || (t[0] = (a) => e(c).show())
+              onClick: t[0] || (t[0] = (o) => e(c).show())
             }, {
               default: r(() => [
                 s("div", H, [
-                  o(e(u), {
+                  a(e(u), {
                     icon: "Add",
                     size: "sm"
                   })
@@ -77,17 +77,17 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
             })
           ]),
           default: r(() => [
-            o(e(b), {
+            a(e(b), {
               class: "font-normal h-full justify-start line-clamp-1 py-1 px-1.5 text-c-1 hover:bg-b-2 w-fit text-c-3",
               fullWidth: "",
               variant: "ghost"
             }, {
               default: r(() => {
-                var a;
+                var o;
                 return [
                   s("div", U, [
-                    s("h2", q, h((a = e(i)) == null ? void 0 : a.name), 1),
-                    o(e(u), {
+                    s("h2", q, h((o = e(i)) == null ? void 0 : o.name), 1),
+                    a(e(u), {
                       icon: "ChevronDown",
                       size: "md"
                     })
@@ -100,7 +100,7 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
           _: 1
         })
       ]),
-      o(e(I), {
+      a(e(I), {
         bodyClass: "m-0 p-1 rounded-lg border-t-0",
         class: "absolute z-overlay",
         size: "xxs",
@@ -110,17 +110,17 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
         default: r(() => [
           s("form", {
             class: "flex gap-1",
-            onSubmit: k(S, ["prevent"])
+            onSubmit: v(S, ["prevent"])
           }, [
             B(s("input", {
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value = a),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => l.value = o),
               class: "border-none outline-none flex-1 w-full text-sm min-h-8 p-1.5",
               placeholder: "New Workspace",
               type: "text"
             }, null, 512), [
               [V, l.value]
             ]),
-            o(e(b), {
+            a(e(b), {
               class: "max-h-8 text-xs p-0 px-3",
               disabled: !l.value.trim(),
               type: "submit"

package/dist/components/{AddressBar/AddressBarServer.vue.d.ts → Server/ServerDropdown.vue.d.ts}

@@ -1,7 +1,12 @@
+import type { Collection, Request as Operation, Server } from '@scalar/oas-utils/entities/spec';
 type __VLS_Props = {
+    collection: Collection;
+    operation?: Operation;
+    server: Server | undefined;
+    layout: 'client' | 'reference';
     /** The id of the target to use for the popover (e.g. address bar) */
     target: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=AddressBarServer.vue.d.ts.map
+//# sourceMappingURL=ServerDropdown.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdown.vue"],"names":[],"mappings":"AA+LA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AAOxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAuRF,wBAOG"}