@scalar/api-client 2.2.59 → 2.2.61

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @scalar/api-client
 
+## 2.2.61
+
+### Patch Changes
+
+- 4d03e0f: feat: multiple documents
+- 2bbbf01: fix: adds auth indicator complex auth support
+- Updated dependencies [0d8a24f]
+- Updated dependencies [4d03e0f]
+  - @scalar/openapi-parser@0.10.10
+  - @scalar/components@0.13.33
+  - @scalar/types@0.0.40
+  - @scalar/import@0.2.35
+  - @scalar/oas-utils@0.2.115
+  - @scalar/use-codemirror@0.11.78
+  - @scalar/snippetz@0.2.16
+  - @scalar/themes@0.9.75
+  - @scalar/postman-to-openapi@0.1.38
+  - @scalar/use-hooks@0.1.29
+
+## 2.2.60
+
+### Patch Changes
+
+- df4dee8: fix(api-client): improve api client request and response area a11y
+- 23bac9d: fix: use operation security scheme if available in request
+- Updated dependencies [df4dee8]
+- Updated dependencies [8c5b0c6]
+- Updated dependencies [fb22645]
+  - @scalar/components@0.13.32
+  - @scalar/oas-utils@0.2.114
+  - @scalar/use-codemirror@0.11.77
+  - @scalar/import@0.2.34
+  - @scalar/postman-to-openapi@0.1.37
+
 ## 2.2.59
 
 ### 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":"AAqVA,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;;;;;;AAgaJ,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAiWA,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;;;;;;AAibJ,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 s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c8bfbadd"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5e5a3c5f"]]);
 export {
-  s as default
+  e as default
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconSelector.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconSelector.vue"],"names":[],"mappings":"AAoEA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAC7B,CAAC;AAQF,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC5B,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAA;AAChC,KAAK,gBAAgB,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;AAa9C,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;yBATrB,GAAG;uBACJ,GAAG;;;;EAa9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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":"IconSelector.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconSelector.vue"],"names":[],"mappings":"AAqEA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAC7B,CAAC;AAQF,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC5B,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAA;AAChC,KAAK,gBAAgB,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;AAa9C,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;yBATrB,GAAG;uBACJ,GAAG;;;;EAa9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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/IconSelector.vue.js

@@ -16,6 +16,7 @@ const G = { class: "flex text-sm" }, L = { class: "bg-b-1 custom-scroll grid w-d
     });
     return (l, r) => (s(), n(e(I), {
       class: "bg-b-2 rounded",
+      focus: "",
       placement: l.placement ?? "bottom"
     }, {
       popover: o(({ close: v }) => [

package/dist/components/SectionFilter.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: (value: T) => any;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & Partial<{}> & ({
+        modelValue?: T;
+    } & {
+        filters?: T[];
+        filterIds?: Record<T, string>;
+    })> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=SectionFilter.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFilter.vue.d.ts","sourceRoot":"","sources":["../../src/components/SectionFilter.vue"],"names":[],"mappings":"yBAiKiB,CAAC,SAAS,MAAM,eACnB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiNxD,mBAAmB,CAAC;;;qBAtKjB,CAAC;;kBAvCF,CAAC,EAAE;oBACD,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC;MA4MwF,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3NvE,wBA2N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/SectionFilter.vue.js

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

package/dist/components/SectionFilter.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as x, mergeModels as p, useModel as h, ref as g, openBlock as i, createElementBlock as f, 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({
+  __name: "SectionFilter",
+  props: /* @__PURE__ */ p({
+    filters: { default: () => [] },
+    filterIds: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = h(l, "modelValue"), r = g(), c = (s) => {
+      const o = s === "prev" ? -1 : 1, e = t.value ? l.filters.indexOf(t.value) : 0, n = l.filters.length, d = (e + o + n) % n;
+      t.value = l.filters[d], B(() => {
+        if (r.value) {
+          const u = r.value.querySelector(
+            'button[aria-selected="true"]'
+          );
+          u && u.focus();
+        }
+      });
+    };
+    return (s, o) => (i(), f("div", {
+      ref_key: "tablist",
+      ref: r,
+      class: "filter-hover context-bar-group ml-auto hidden lg:flex",
+      role: "tablist",
+      onKeydown: [
+        o[0] || (o[0] = m((e) => c("prev"), ["left"])),
+        o[1] || (o[1] = m((e) => c("next"), ["right"]))
+      ]
+    }, [
+      a("div", _, [
+        (i(!0), f(b, null, k(s.filters, (e) => {
+          var n;
+          return i(), y(I, {
+            key: e,
+            class: "filter-hover-item",
+            controls: (n = s.filterIds) == null ? void 0 : n[e],
+            role: "tab",
+            selected: t.value === e,
+            onClick: (d) => t.value = e
+          }, {
+            default: V(() => [
+              w(v(e), 1)
+            ]),
+            _: 2
+          }, 1032, ["controls", "selected", "onClick"]);
+        }), 128)),
+        a("div", $, [
+          a("span", F, v(t.value), 1),
+          S(q(C), {
+            icon: "FilterList",
+            size: "md",
+            thickness: "2"
+          })
+        ])
+      ])
+    ], 544));
+  }
+});
+export {
+  K as default
+};

package/dist/components/SectionFilterButton.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    selected?: boolean;
+    controls?: string | undefined;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SectionFilterButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFilterButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/SectionFilterButton.vue"],"names":[],"mappings":"AAsBA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AASF,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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/SectionFilterButton.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as t, openBlock as o, createElementBlock as n, normalizeClass as r, renderSlot as s } from "vue";
+const l = ["aria-controls", "aria-selected", "tabindex"], p = /* @__PURE__ */ t({
+  __name: "SectionFilterButton",
+  props: {
+    selected: { type: Boolean },
+    controls: {}
+  },
+  setup(a) {
+    return (e, c) => (o(), n("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 }]),
+      role: "tab",
+      tabindex: e.selected ? 0 : -1,
+      type: "button"
+    }, [
+      s(e.$slots, "default")
+    ], 10, l));
+  }
+});
+export {
+  p as default
+};

package/dist/components/SectionFilterButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SectionFilterButton.vue.js";
+export {
+  f as default
+};

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

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

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

@@ -65,6 +65,7 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
     };
     return (e, r) => (n(), v(a(W), {
       class: "max-h-[inherit] p-0 text-sm",
+      focus: "",
       offset: 0,
       placement: "bottom-start",
       resize: "",

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAaF,iBAAS,cAAc;WA2JT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAeF,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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/ViewLayout/ViewLayoutCollapse.vue.js

@@ -1,67 +1,85 @@
-import { defineComponent as f, openBlock as o, createBlock as a, unref as l, withCtx as s, createElementVNode as i, createVNode as u, normalizeClass as c, createCommentVNode as r, renderSlot as n, createElementBlock as d, toDisplayString as p, mergeProps as m } from "vue";
-import { Disclosure as h, DisclosureButton as x, DisclosurePanel as b } from "@headlessui/vue";
-import { ScalarIcon as y } from "@scalar/components";
-const g = { class: "bg-b-2 flex items-center" }, v = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, C = {
+import { defineComponent as m, useId as h, openBlock as s, createBlock as u, unref as t, withCtx as a, createElementVNode as l, createVNode as d, normalizeClass as p, createCommentVNode as n, renderSlot as r, createElementBlock as i, createTextVNode as y, toDisplayString as f, mergeProps as b } from "vue";
+import { Disclosure as x, DisclosureButton as g, DisclosurePanel as _ } from "@headlessui/vue";
+import { ScalarIcon as C } from "@scalar/components";
+const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, B = ["id"], V = {
+  key: 0,
+  class: "sr-only"
+}, $ = {
   key: 0,
   class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full border font-semibold"
-}, k = {
+}, D = { class: "sr-only" }, N = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-1.5"
-}, O = /* @__PURE__ */ f({
+}, P = /* @__PURE__ */ m({
   __name: "ViewLayoutCollapse",
   props: {
     defaultOpen: { type: Boolean, default: !0 },
     itemCount: { default: 0 },
     layout: { default: "client" }
   },
-  setup(_) {
-    return (e, w) => (o(), a(l(h), {
+  setup(O) {
+    const c = h();
+    return (e, I) => (s(), u(t(x), {
       as: "div",
       class: "group/collapse focus-within:text-c-1 text-c-2 request-item",
       defaultOpen: e.defaultOpen,
-      static: e.layout === "reference"
+      static: e.layout === "reference" ? !0 : void 0
     }, {
-      default: s(({ open: t }) => [
-        i("div", g, [
-          u(l(x), {
-            class: c([
-              "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",
-              { "!pl-3": e.layout === "reference" },
-              { "group-last/collapse:border-b": e.layout === "client" }
-            ]),
-            disabled: e.layout === "reference"
-          }, {
-            default: s(() => [
-              e.layout !== "reference" ? (o(), a(l(y), {
-                key: 0,
-                class: c([
-                  "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline"
-                ]),
-                icon: "ChevronRight",
-                size: "md"
-              })) : r("", !0),
-              i("div", v, [
-                n(e.$slots, "title", { open: t }),
-                !t && e.itemCount ? (o(), d("span", C, p(e.itemCount), 1)) : r("", !0)
-              ])
+      default: a(({ open: o }) => [
+        l("section", {
+          "aria-labelledby": t(c),
+          class: "contents"
+        }, [
+          l("div", k, [
+            d(t(g), {
+              class: p([
+                "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",
+                { "!pl-3": e.layout === "reference" },
+                { "group-last/collapse:border-b": e.layout === "client" }
+              ]),
+              disabled: e.layout === "reference"
+            }, {
+              default: a(() => [
+                e.layout !== "reference" ? (s(), u(t(C), {
+                  key: 0,
+                  class: p([
+                    "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline"
+                  ]),
+                  icon: "ChevronRight",
+                  size: "md"
+                })) : n("", !0),
+                l("h2", w, [
+                  l("span", {
+                    id: t(c),
+                    class: "contents"
+                  }, [
+                    r(e.$slots, "title", { open: o }),
+                    o ? n("", !0) : (s(), i("span", V, " (Collapsed) "))
+                  ], 8, B),
+                  !o && e.itemCount ? (s(), i("span", $, [
+                    y(f(e.itemCount) + " ", 1),
+                    l("span", D, "Item" + f(e.itemCount === 1 ? "" : "s"), 1)
+                  ])) : n("", !0)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "disabled"]),
+            e.$slots.actions ? (s(), i("div", N, [
+              r(e.$slots, "actions", { open: o })
+            ])) : n("", !0)
+          ]),
+          d(t(_), b(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+            default: a(() => [
+              r(e.$slots, "default", { open: o })
             ]),
             _: 2
-          }, 1032, ["class", "disabled"]),
-          e.$slots.actions ? (o(), d("div", k, [
-            n(e.$slots, "actions", { open: t })
-          ])) : r("", !0)
-        ]),
-        u(l(b), m(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
-          default: s(() => [
-            n(e.$slots, "default", { open: t })
-          ]),
-          _: 2
-        }, 1040)
+          }, 1040)
+        ], 8, v)
       ]),
       _: 3
     }, 8, ["defaultOpen", "static"]));
   }
 });
 export {
-  O as default
+  P as default
 };