@scalar/api-client 2.2.51 → 2.2.53

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

@@ -1,39 +1,38 @@
-import { defineComponent as s, openBlock as l, createElementBlock as n, createElementVNode as e, toDisplayString as r, normalizeClass as a } from "vue";
-const i = { class: "sr-only" }, d = {
+import { defineComponent as a, openBlock as s, createElementBlock as l, unref as o, createElementVNode as t, toDisplayString as d, normalizeClass as p } from "vue";
+import { useSidebar as c } from "../../hooks/useSidebar.js";
+const u = { class: "sr-only" }, m = {
   class: "size-4",
   fill: "none",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, p = { "clip-path": "url(#mask)" }, g = /* @__PURE__ */ s({
+}, g = { "clip-path": "url(#mask)" }, k = /* @__PURE__ */ a({
   __name: "SidebarToggle",
-  props: {
-    modelValue: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(u) {
-    return (o, t) => (l(), n("button", {
-      class: "scalar-sidebar-toggle text-c-3 hover:bg-b-2 active:text-c-1 p-2 rounded-lg",
+  setup(b) {
+    const { isSidebarOpen: n, toggleSidebarOpen: r } = c();
+    return (f, e) => (s(), l("button", {
+      class: "scalar-sidebar-toggle text-c-3 hover:bg-b-2 active:text-c-1 rounded-lg p-2",
       type: "button",
-      onClick: t[0] || (t[0] = (m) => o.$emit("update:modelValue", !o.modelValue))
+      onClick: e[0] || (e[0] = //@ts-ignore
+      (...i) => o(r) && o(r)(...i))
     }, [
-      e("span", i, r(o.modelValue ? "Hide" : "Show") + " sidebar", 1),
-      (l(), n("svg", d, [
-        t[1] || (t[1] = e("defs", null, [
-          e("clipPath", { id: "mask" }, [
-            e("path", {
+      t("span", u, d(o(n) ? "Hide" : "Show") + " sidebar", 1),
+      (s(), l("svg", m, [
+        e[1] || (e[1] = t("defs", null, [
+          t("clipPath", { id: "mask" }, [
+            t("path", {
               "clip-rule": "evenodd",
               d: "M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z"
             })
           ])
         ], -1)),
-        e("g", p, [
-          e("path", {
-            class: a(["transition-transform duration-300", o.modelValue ? "translate-x-0" : "-translate-x-1/2"]),
+        t("g", g, [
+          t("path", {
+            class: p(["transition-transform duration-300", o(n) ? "translate-x-0" : "-translate-x-1/2"]),
             d: "M1 3.2h8v17.5H1z",
             fill: "currentColor"
           }, null, 2)
         ]),
-        t[2] || (t[2] = e("path", {
+        e[2] || (e[2] = t("path", {
           d: "M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5",
           stroke: "currentColor",
           "stroke-linecap": "round",
@@ -45,5 +44,5 @@ const i = { class: "sr-only" }, d = {
   }
 });
 export {
-  g as default
+  k as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAiQA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAkbF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAiRA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAkcF,wBAOG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,139 +1,158 @@
-import { defineComponent as $, reactive as z, ref as B, computed as E, watch as w, onMounted as V, onBeforeUnmount as j, openBlock as m, createElementBlock as b, createElementVNode as d, createVNode as r, unref as i, withCtx as c, createBlock as x, createCommentVNode as O, toDisplayString as D, createTextVNode as _, Fragment as K, renderList as q } from "vue";
-import F from "../ScalarHotkey.vue.js";
-import { ROUTES as H } from "../../constants.js";
-import { useActiveEntities as W } from "../../store/active-entities.js";
-import { ScalarContextMenu as G, ScalarIcon as h, ScalarFloating as J, ScalarDropdownMenu as P, ScalarDropdownButton as I } from "@scalar/components";
-import { capitalize as Q } from "@scalar/oas-utils/helpers";
+import { defineComponent as j, reactive as z, ref as O, computed as W, watch as R, onMounted as D, onBeforeUnmount as K, openBlock as m, createElementBlock as b, createElementVNode as v, createVNode as r, unref as s, withCtx as u, createBlock as _, createCommentVNode as q, toDisplayString as F, createTextVNode as S, Fragment as H, renderList as G } from "vue";
+import { ScalarContextMenu as J, ScalarIcon as d, ScalarFloating as P, ScalarDropdownMenu as Q, ScalarDropdownButton as I } from "@scalar/components";
 import { useClipboard as X } from "@scalar/use-hooks/useClipboard";
 import { useRouter as Y } from "vue-router";
-import Z from "./TopNavItem.vue.js";
-import { useWorkspace as ee } from "../../store/store.js";
-const te = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, oe = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ae = {
+import Z from "../ScalarHotkey.vue.js";
+import { ROUTES as ee } from "../../constants.js";
+import { useActiveEntities as te } from "../../store/active-entities.js";
+import oe from "./TopNavItem.vue.js";
+import { useWorkspace as ae } from "../../store/store.js";
+const ne = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, le = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-sm font-medium" }, ie = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, de = /* @__PURE__ */ $({
+}, he = /* @__PURE__ */ j({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
-  setup(S) {
-    const L = S, { activeRequest: R } = W(), u = Y(), { events: g } = ee(), { copyToClipboard: U } = X(), o = z([{ label: "", path: "", icon: "Add" }]), a = B(0), T = E(() => a.value);
+  setup(L) {
+    const U = L, { activeRequest: A, activeCollection: E } = te(), c = Y(), { events: g } = ae(), { copyToClipboard: M } = X(), t = z([{ label: "", path: "", icon: "Add" }]), a = O(0), T = W(() => a.value);
     function k() {
-      var t;
-      const e = H.find((n) => u.currentRoute.value.name == n.name);
-      e && ((e == null ? void 0 : e.name) === "request" ? o[a.value] = {
-        label: ((t = R.value) == null ? void 0 : t.summary) || "",
-        path: u.currentRoute.value.path,
-        icon: e.icon
-      } : o[a.value] = {
-        label: Q(e == null ? void 0 : e.name) || "",
-        path: u.currentRoute.value.path,
-        icon: e.icon
+      var o, n, l, i, x;
+      if ((o = c.currentRoute.value.name) != null && o.toString().startsWith("collection.")) {
+        t[a.value] = {
+          label: ((l = (n = E.value) == null ? void 0 : n.info) == null ? void 0 : l.title) || "Untitled Collection",
+          path: c.currentRoute.value.path,
+          icon: "Collection"
+        };
+        return;
+      }
+      if ((i = c.currentRoute.value.name) != null && i.toString().startsWith("request")) {
+        t[a.value] = {
+          label: ((x = A.value) == null ? void 0 : x.summary) || "",
+          path: c.currentRoute.value.path,
+          icon: "ExternalLink"
+        };
+        return;
+      }
+      const e = ee.find((V) => {
+        var w;
+        return V.to.name.startsWith(
+          ((w = c.currentRoute.value.name) == null ? void 0 : w.toString()) ?? ""
+        );
       });
+      if (e) {
+        t[a.value] = {
+          label: e.displayName,
+          path: c.currentRoute.value.path,
+          icon: e.icon
+        };
+        return;
+      }
     }
-    function v() {
-      var t;
-      const e = (t = o[a.value]) == null ? void 0 : t.path;
-      e && u.push(e);
+    function h() {
+      var o;
+      const e = (o = t[a.value]) == null ? void 0 : o.path;
+      e && c.push(e);
     }
     function f() {
-      o.push({ label: "", path: "", icon: "Add" }), a.value = o.length - 1, k();
+      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
     }
     function p(e) {
-      a.value = e, v();
+      a.value = e, h();
     }
-    w(
-      () => u.currentRoute.value.path,
+    R(
+      () => c.currentRoute.value.path,
       () => {
         k();
       },
       { immediate: !0 }
     );
-    function N(e) {
-      o.splice(e, 1), a.value = Math.min(
+    function C(e) {
+      t.splice(e, 1), a.value = Math.min(
         a.value,
-        o.length - 1
-      ), v();
+        t.length - 1
+      ), h();
     }
-    const y = (e) => {
+    const N = (e) => {
       var n;
-      if (!((n = o[e]) != null && n.path)) return;
-      const t = new URL(window.location.href);
-      t.pathname = o[e].path, U(t.toString());
-    }, A = (e) => {
-      o.splice(0, e), o.splice(1), a.value = 0, v();
-    }, C = (e) => {
+      if (!((n = t[e]) != null && n.path)) return;
+      const o = new URL(window.location.href);
+      o.pathname = t[e].path, M(o.toString());
+    }, $ = (e) => {
+      t.splice(0, e), t.splice(1), a.value = 0, h();
+    }, y = (e) => {
       if (e) {
-        if (e.addTopNav && f(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && p(Math.max(a.value - 1, 0)), e.navigateTopNavRight && p(Math.min(a.value + 1, o.length - 1)), e.jumpToTab) {
-          const t = Number(e.jumpToTab.key) - 1;
-          t >= 0 && t < o.length && p(t);
+        if (e.addTopNav && f(), e.closeTopNav && C(a.value), e.navigateTopNavLeft && p(Math.max(a.value - 1, 0)), e.navigateTopNavRight && p(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+          const o = Number(e.jumpToTab.key) - 1;
+          o >= 0 && o < t.length && p(o);
         }
-        e.jumpToLastTab && p(o.length - 1);
+        e.jumpToLastTab && p(t.length - 1);
       }
-    }, M = (e) => {
-      o.push({
+    }, B = (e) => {
+      t.push({
         label: e.name,
         path: e.uid,
         icon: "ExternalLink"
       });
     };
-    return w(
-      () => L.openNewTab,
+    return R(
+      () => U.openNewTab,
       (e) => {
-        e && M(e);
+        e && B(e);
       },
       { immediate: !0 }
-    ), V(() => g.hotKeys.on(C)), j(() => g.hotKeys.off(C)), (e, t) => (m(), b("nav", te, [
-      t[3] || (t[3] = d("div", { class: "absolute inset-0 app-drag-region" }, null, -1)),
-      d("div", oe, [
-        o.length === 1 ? (m(), b("div", ae, [
-          r(i(G), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
-            trigger: c(() => {
-              var n, l, s;
+    ), D(() => g.hotKeys.on(y)), K(() => g.hotKeys.off(y)), (e, o) => (m(), b("nav", ne, [
+      o[3] || (o[3] = v("div", { class: "app-drag-region absolute inset-0" }, null, -1)),
+      v("div", le, [
+        t.length === 1 ? (m(), b("div", ie, [
+          r(s(J), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+            trigger: u(() => {
+              var n, l, i;
               return [
-                (n = o[0]) != null && n.icon ? (m(), x(i(h), {
+                (n = t[0]) != null && n.icon ? (m(), _(s(d), {
                   key: 0,
-                  icon: (l = o[0]) == null ? void 0 : l.icon,
+                  icon: (l = t[0]) == null ? void 0 : l.icon,
                   size: "xs",
                   thickness: "2.5"
-                }, null, 8, ["icon"])) : O("", !0),
-                d("span", null, D((s = o[0]) == null ? void 0 : s.label), 1)
+                }, null, 8, ["icon"])) : q("", !0),
+                v("span", null, F((i = t[0]) == null ? void 0 : i.label), 1)
               ];
             }),
-            content: c(() => [
-              r(i(J), { placement: "right-start" }, {
-                floating: c(() => [
-                  r(i(P), { class: "scalar-app scalar-client" }, {
-                    default: c(() => [
-                      r(i(I), {
+            content: u(() => [
+              r(s(P), { placement: "right-start" }, {
+                floating: u(() => [
+                  r(s(Q), { class: "scalar-app scalar-client" }, {
+                    default: u(() => [
+                      r(s(I), {
                         class: "flex items-center gap-1.5",
                         onClick: f
                       }, {
-                        default: c(() => [
-                          r(i(h), {
+                        default: u(() => [
+                          r(s(d), {
                             icon: "AddTab",
                             size: "sm",
                             thickness: "1.5"
                           }),
-                          t[1] || (t[1] = _(" New Tab ")),
-                          r(F, {
+                          o[1] || (o[1] = S(" New Tab ")),
+                          r(Z, {
                             class: "bg-b-2 ml-auto",
                             hotkey: "T"
                           })
                         ]),
                         _: 1
                       }),
-                      r(i(I), {
+                      r(s(I), {
                         class: "flex items-center gap-1.5",
-                        onClick: t[0] || (t[0] = (n) => y(T.value))
+                        onClick: o[0] || (o[0] = (n) => N(T.value))
                       }, {
-                        default: c(() => [
-                          r(i(h), {
+                        default: u(() => [
+                          r(s(d), {
                             icon: "Link",
                             size: "sm",
                             thickness: "1.5"
                           }),
-                          t[2] || (t[2] = _(" Copy URL "))
+                          o[2] || (o[2] = S(" Copy URL "))
                         ]),
                         _: 1
                       })
@@ -146,24 +165,24 @@ const te = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, oe
             ]),
             _: 1
           })
-        ])) : (m(!0), b(K, { key: 1 }, q(o, (n, l) => (m(), x(Z, {
+        ])) : (m(!0), b(H, { key: 1 }, G(t, (n, l) => (m(), _(oe, {
           key: n.path,
           active: l === T.value,
           hotkey: (l + 1).toString(),
           icon: n.icon,
           label: n.label,
-          onClick: (s) => p(l),
-          onClose: (s) => N(l),
-          onCloseOtherTabs: (s) => A(l),
-          onCopyUrl: (s) => y(l),
+          onClick: (i) => p(l),
+          onClose: (i) => C(l),
+          onCloseOtherTabs: (i) => $(l),
+          onCopyUrl: (i) => N(l),
           onNewTab: f
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        d("button", {
-          class: "text-c-3 hover:bg-b-3 p-1.5 rounded app-no-drag-region",
+        v("button", {
+          class: "text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5",
           type: "button",
           onClick: f
         }, [
-          r(i(h), {
+          r(s(d), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -174,5 +193,5 @@ const te = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, oe
   }
 });
 export {
-  de as default
+  he as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts

@@ -6,14 +6,14 @@ type __VLS_Props = {
     icon: Icon;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
     click: () => any;
+    close: () => any;
     newTab: () => any;
     copyUrl: () => any;
     closeOtherTabs: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: () => any;
     onClick?: () => any;
+    onClose?: () => any;
     onNewTab?: () => any;
     onCopyUrl?: () => any;
     onCloseOtherTabs?: () => any;

package/dist/components/TopNav/TopNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAwMA,OAAO,EACL,KAAK,IAAI,EAQV,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AA2UF,wBAQG"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAwMA,OAAO,EAQL,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AA2UF,wBAQG"}

package/dist/components/TopNav/TopNavItem.vue.js

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

package/dist/components/TopNav/TopNavItem.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, openBlock as p, createBlock as d, unref as s, withCtx as l, createVNode as t, createElementVNode as a, normalizeClass as k, toDisplayString as u, createCommentVNode as g, createTextVNode as r } from "vue";
-import c from "../ScalarHotkey.vue.js";
 import { ScalarContextMenu as b, ScalarTooltip as v, ScalarIcon as n, ScalarFloating as C, ScalarDropdownMenu as y, ScalarDropdownButton as m, ScalarDropdownDivider as T } from "@scalar/components";
+import c from "../ScalarHotkey.vue.js";
 const $ = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, w = { class: "custom-scroll nav-item-copy text-xs" }, B = /* @__PURE__ */ f({
   __name: "TopNavItem",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AA6BA,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,18 @@
-import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
-import l from "../../_virtual/_plugin-vue_export-helper.js";
-const d = {}, n = { class: "flex flex-col min-h-0 flex-1 *:border-t-1/2 first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-3" };
-function c(e, f) {
-  return o(), r("div", n, [
-    t(e.$slots, "default")
-  ]);
-}
-const a = /* @__PURE__ */ l(d, [["render", c]]);
+import { defineComponent as o, openBlock as t, createElementBlock as n, normalizeProps as l, guardReactiveProps as d, unref as f, renderSlot as i } from "vue";
+import { useBindCx as a } from "@scalar/components";
+const u = /* @__PURE__ */ o({
+  __name: "ViewLayout",
+  setup(m) {
+    const { cx: e } = a();
+    return (r, s) => (t(), n("div", l(d(
+      f(e)(
+        "flex flex-col min-h-0 flex-1 *:border-t-1/2 first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-3"
+      )
+    )), [
+      i(r.$slots, "default")
+    ], 16));
+  }
+});
 export {
-  a as default
+  u as default
 };

package/dist/components/ViewLayout/ViewLayout.vue2.js

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

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;WAwJT,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":"AAqEA,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;WAyJT,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"}

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

@@ -1,10 +1,10 @@
-import { defineComponent as f, openBlock as o, createBlock as a, unref as s, normalizeClass as l, withCtx as r, createElementVNode as u, createVNode as c, createCommentVNode as n, renderSlot as i, createElementBlock as d, toDisplayString as p, mergeProps as m } from "vue";
-import { Disclosure as h, DisclosureButton as b, DisclosurePanel as x } from "@headlessui/vue";
-import { ScalarIcon as y } from "@scalar/components";
-const g = { class: "bg-b-2 flex items-center" }, v = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, C = {
+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 g } from "@scalar/components";
+const y = { class: "bg-b-2 flex items-center" }, v = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, C = {
   key: 0,
-  class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full font-semibold border"
-}, k = {
+  class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full border font-semibold"
+}, _ = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-1.5"
 }, O = /* @__PURE__ */ f({
@@ -14,51 +14,51 @@ const g = { class: "bg-b-2 flex items-center" }, v = { class: "flex flex-1 items
     itemCount: { default: 0 },
     layout: { default: "client" }
   },
-  setup(_) {
-    return (e, w) => (o(), a(s(h), {
+  setup(k) {
+    return (e, w) => (o(), a(l(h), {
       as: "div",
-      class: l(["focus-within:text-c-1 text-c-2 request-item border-b", { "first:border-t": e.layout === "client" }]),
+      class: "group/collapse focus-within:text-c-1 text-c-2 request-item",
       defaultOpen: e.defaultOpen,
       static: e.layout === "reference"
     }, {
-      default: r(({ open: t }) => [
-        u("div", g, [
-          c(s(b), {
-            class: l([
-              "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium max-h-8 px-1 md:px-1.5 xl:pl-2 xl:pr-0.5 outline-none",
+      default: s(({ open: t }) => [
+        i("div", y, [
+          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 group-last/collapse:border-b md:px-1.5 xl:pl-2 xl:pr-0.5",
               { "!pl-3": e.layout === "reference" }
             ]),
             disabled: e.layout === "reference"
           }, {
-            default: r(() => [
-              e.layout !== "reference" ? (o(), a(s(y), {
+            default: s(() => [
+              e.layout !== "reference" ? (o(), a(l(g), {
                 key: 0,
-                class: l([
-                  "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2"
+                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"
-              })) : n("", !0),
-              u("div", v, [
-                i(e.$slots, "title", { open: t }),
-                !t && e.itemCount ? (o(), d("span", C, p(e.itemCount), 1)) : n("", !0)
+              })) : r("", !0),
+              i("div", v, [
+                n(e.$slots, "title", { open: t }),
+                !t && e.itemCount ? (o(), d("span", C, p(e.itemCount), 1)) : r("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["class", "disabled"]),
-          e.$slots.actions ? (o(), d("div", k, [
-            i(e.$slots, "actions", { open: t })
-          ])) : n("", !0)
+          e.$slots.actions ? (o(), d("div", _, [
+            n(e.$slots, "actions", { open: t })
+          ])) : r("", !0)
         ]),
-        c(s(x), m(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
-          default: r(() => [
-            i(e.$slots, "default", { open: t })
+        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)
       ]),
       _: 3
-    }, 8, ["class", "defaultOpen", "static"]));
+    }, 8, ["defaultOpen", "static"]));
   }
 });
 export {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AAmBA,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AAgCA,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,15 +1,22 @@
-import { openBlock as o, createElementBlock as l, createElementVNode as s, renderSlot as t } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, r = { class: "flex xl:h-full xl:min-w-0 flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "border-b min-h-11 -mb-0.25 flex items-center px-2.5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
-function m(e, f) {
-  return o(), l("section", r, [
-    s("div", i, [
-      t(e.$slots, "title")
-    ]),
-    t(e.$slots, "default")
-  ]);
-}
-const a = /* @__PURE__ */ n(c, [["render", m]]);
+import { defineComponent as r, openBlock as t, createElementBlock as o, normalizeProps as s, guardReactiveProps as i, unref as c, renderSlot as l, createCommentVNode as m } from "vue";
+import { useBindCx as u } from "@scalar/components";
+const a = {
+  key: 0,
+  class: "bg-b-1 z-1 sticky top-0 flex min-h-11 items-center border-b px-2.5 text-sm font-medium xl:rounded-none"
+}, _ = /* @__PURE__ */ r({
+  __name: "ViewLayoutSection",
+  setup(d) {
+    const { cx: n } = u();
+    return (e, f) => (t(), o("section", s(i(
+      c(n)("xl:custom-scroll bg-b-1 flex flex-1 flex-col xl:h-full xl:min-w-0")
+    )), [
+      e.$slots.title ? (t(), o("div", a, [
+        l(e.$slots, "title")
+      ])) : m("", !0),
+      l(e.$slots, "default")
+    ], 16));
+  }
+});
 export {
-  a as default
+  _ as default
 };

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

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