@scalar/api-client 2.1.45 → 2.1.47

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

@@ -1,35 +1,35 @@
-import { defineComponent as n, openBlock as e, createBlock as o, unref as c, withCtx as i, renderSlot as u, createCommentVNode as d } from "vue";
-import p from "../ScalarHotkey.vue.js";
-import { ScalarButton as s } from "@scalar/components";
-const y = /* @__PURE__ */ n({
+import { defineComponent as i, openBlock as o, createBlock as e, unref as r, withCtx as u, renderSlot as p, createCommentVNode as s } from "vue";
+import m from "../ScalarHotkey.vue.js";
+import { ScalarButton as d } from "@scalar/components";
+import { useLayout as k } from "../../hooks/useLayout.js";
+const g = /* @__PURE__ */ i({
   __name: "SidebarButton",
   props: {
-    click: {},
-    hotkey: {},
-    layout: { default: "desktop" }
+    click: { type: Function },
+    hotkey: {}
   },
-  setup(r) {
-    const l = r, a = () => {
-      l.click();
+  setup(n) {
+    const a = n, { layout: c } = k(), l = () => {
+      a.click();
     };
-    return (t, k) => (e(), o(c(s), {
+    return (t, h) => (o(), e(r(d), {
       class: "bg-b-1 text-c-1 hover:bg-b-2 group relative w-auto md:w-full border-1/2 px-2 py-1 md:p-1.5 h-auto",
       icon: "Plus",
       variant: "outlined",
-      onClick: a
+      onClick: l
     }, {
-      default: i(() => [
-        u(t.$slots, "title"),
-        t.hotkey && t.layout === "desktop" ? (e(), o(p, {
+      default: u(() => [
+        p(t.$slots, "title"),
+        t.hotkey && r(c) === "desktop" ? (o(), e(m, {
           key: 0,
           class: "hidden md:block absolute right-2 group-hover:opacity-80 text-c-2 add-item-hotkey",
           hotkey: t.hotkey
-        }, null, 8, ["hotkey"])) : d("", !0)
+        }, null, 8, ["hotkey"])) : s("", !0)
       ]),
       _: 3
     }));
   }
 });
 export {
-  y as default
+  g as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarToggle.vue"],"names":[],"mappings":"AA8CA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;AA6EF,wBAQG"}
+{"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarToggle.vue"],"names":[],"mappings":"AA+CA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;AAgFF,wBAQG"}

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

@@ -1,38 +1,39 @@
-import { defineComponent as r, openBlock as l, createElementBlock as n, createElementVNode as t, normalizeClass as s } from "vue";
-const a = {
+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 = {
   class: "size-3.5",
   fill: "none",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, d = { "clip-path": "url(#mask)" }, m = /* @__PURE__ */ r({
+}, p = { "clip-path": "url(#mask)" }, v = /* @__PURE__ */ s({
   __name: "SidebarToggle",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(i) {
-    return (o, e) => (l(), n("button", {
+  setup(u) {
+    return (o, t) => (l(), n("button", {
       class: "text-c-1 hover:bg-b-2 active:text-c-1 p-2 rounded",
       type: "button",
-      onClick: e[0] || (e[0] = (u) => o.$emit("update:modelValue", !o.modelValue))
+      onClick: t[0] || (t[0] = (m) => o.$emit("update:modelValue", !o.modelValue))
     }, [
-      (l(), n("svg", a, [
-        e[1] || (e[1] = t("defs", null, [
-          t("clipPath", { id: "mask" }, [
-            t("path", {
+      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", {
               "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)),
-        t("g", d, [
-          t("path", {
-            class: s(["transition-transform duration-300", o.modelValue ? "translate-x-0" : "-translate-x-1/2"]),
+        e("g", p, [
+          e("path", {
+            class: a(["transition-transform duration-300", o.modelValue ? "translate-x-0" : "-translate-x-1/2"]),
             d: "M1 3.2h8v17.5H1z",
             fill: "currentColor"
           }, null, 2)
         ]),
-        e[2] || (e[2] = t("path", {
+        t[2] || (t[2] = e("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",
@@ -44,5 +45,5 @@ const a = {
   }
 });
 export {
-  m as default
+  v 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":"AA8QA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAkaF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AA8QA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAiaF,wBAOG"}

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

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

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

@@ -6,40 +6,40 @@ import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDro
 import { capitalize as J } from "@scalar/oas-utils/helpers";
 import P from "./TopNavItem.vue.js";
 import { useWorkspace as Q } from "../../store/store.js";
-const X = { class: "border-b-1/2 flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-1 relative overflow-hidden" }, Z = {
+const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, Z = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, ie = /* @__PURE__ */ z({
+}, re = /* @__PURE__ */ z({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
   setup(I) {
-    const L = I, { activeRequest: S, router: r, events: g } = Q(), { copyToClipboard: U } = H(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
+    const L = I, { activeRequest: S, router: i, events: g } = Q(), { copyToClipboard: U } = H(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
     function k() {
       var o;
-      const e = F.find((c) => r.currentRoute.value.name == c.name);
+      const e = F.find((c) => i.currentRoute.value.name == c.name);
       e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
         label: ((o = S.value) == null ? void 0 : o.summary) || "",
-        path: r.currentRoute.value.path,
+        path: i.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
         label: J(e == null ? void 0 : e.name) || "",
-        path: r.currentRoute.value.path,
+        path: i.currentRoute.value.path,
         icon: e.icon
       });
     }
     function v() {
-      r.push(t[a.value].path);
+      i.push(t[a.value].path);
     }
     function p() {
       t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
     }
-    function i(e) {
+    function r(e) {
       a.value = e, v();
     }
     w(
-      () => r.currentRoute.value.path,
+      () => i.currentRoute.value.path,
       () => {
         k();
       },
@@ -58,11 +58,11 @@ const X = { class: "border-b-1/2 flex h-10 t-app__top-nav" }, Y = { class: "flex
       t.splice(0, e), t.splice(1), a.value = 0, v();
     }, C = (e) => {
       if (e) {
-        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && i(Math.max(a.value - 1, 0)), e.navigateTopNavRight && i(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
           const o = Number(e.jumpToTab.key) - 1;
-          o >= 0 && o < t.length && i(o);
+          o >= 0 && o < t.length && r(o);
         }
-        e.jumpToLastTab && i(t.length - 1);
+        e.jumpToLastTab && r(t.length - 1);
       }
     }, $ = (e) => {
       t.push({
@@ -140,7 +140,7 @@ const X = { class: "border-b-1/2 flex h-10 t-app__top-nav" }, Y = { class: "flex
           hotkey: (s + 1).toString(),
           icon: c.icon,
           label: c.label,
-          onClick: (h) => i(s),
+          onClick: (h) => r(s),
           onClose: (h) => N(s),
           onCloseOtherTabs: (h) => R(s),
           onCopyUrl: (h) => y(s),
@@ -162,5 +162,5 @@ const X = { class: "border-b-1/2 flex h-10 t-app__top-nav" }, Y = { class: "flex
   }
 });
 export {
-  ie as default
+  re 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) | undefined;
     onClick?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onNewTab?: (() => any) | undefined;
     onCopyUrl?: (() => any) | undefined;
     onCloseOtherTabs?: (() => any) | undefined;

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":"AA4DA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WAsIT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBA7KH,OAAO;eACT,MAAM;6EAoLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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":"AAgEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAlLH,OAAO;eACT,MAAM;6EAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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,12 +1,12 @@
-import { defineComponent as c, openBlock as s, createBlock as p, unref as o, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as l, createElementBlock as a, toDisplayString as d, createCommentVNode as u } from "vue";
-import { Disclosure as f, DisclosureButton as m, DisclosurePanel as h } from "@headlessui/vue";
-import { ScalarIcon as b } from "@scalar/components";
-const x = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, g = {
+import { defineComponent as c, openBlock as n, createBlock as p, unref as o, withCtx as s, createElementVNode as r, createVNode as i, renderSlot as l, createElementBlock as u, toDisplayString as d, createCommentVNode as a, mergeProps as f } from "vue";
+import { Disclosure as m, DisclosureButton as h, DisclosurePanel as b } from "@headlessui/vue";
+import { ScalarIcon as x } from "@scalar/components";
+const g = { class: "flex items-center" }, v = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, _ = {
   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"
-}, _ = { class: "flex items-center gap-2" }, v = {
+}, C = {
   key: 0,
-  class: "ui-not-open:invisible -my-1 flex items-center gap-2"
+  class: "ui-not-open:invisible flex items-center gap-2 pr-2"
 }, D = /* @__PURE__ */ c({
   __name: "ViewLayoutCollapse",
   props: {
@@ -14,38 +14,38 @@ const x = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, g = {
     itemCount: { default: 0 }
   },
   setup(y) {
-    return (e, C) => (s(), p(o(f), {
+    return (e, k) => (n(), p(o(m), {
       as: "div",
-      class: "focus-within:bg-b-2 ui-not-open:hover:bg-b-2 focus-within:text-c-1 text-c-2 rounded request-item ui-not-open:bg-transparent ui-open:pb-1 ui-open:mb-3 ui-not-open:mb-0 ui-not-open:pb-0",
+      class: "focus-within:bg-b-2 ui-not-open:hover:bg-b-2 focus-within:text-c-1 text-c-2 rounded request-item ui-not-open:bg-transparent ui-open:pb-1 ui-open:[&:not(:last-child)]:mb-1.5 ui-not-open:mb-0 ui-not-open:pb-0",
       defaultOpen: e.defaultOpen
     }, {
-      default: n(({ open: t }) => [
-        i(o(m), { class: "hover:text-c-1 group flex w-full items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1.5" }, {
-          default: n(() => [
-            i(o(b), {
-              class: "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0",
-              icon: "ChevronRight",
-              size: "sm",
-              thickness: "2.5"
-            }),
-            r("div", x, [
-              l(e.$slots, "title", { open: t }),
-              !t && e.itemCount ? (s(), a("span", g, d(e.itemCount), 1)) : u("", !0)
+      default: s(({ open: t }) => [
+        r("div", g, [
+          i(o(h), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1.5 outline-none" }, {
+            default: s(() => [
+              i(o(x), {
+                class: "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-[1px] outline-offset-2",
+                icon: "ChevronRight",
+                size: "sm",
+                thickness: "2.5"
+              }),
+              r("div", v, [
+                l(e.$slots, "title", { open: t }),
+                !t && e.itemCount ? (n(), u("span", _, d(e.itemCount), 1)) : a("", !0)
+              ])
             ]),
-            r("div", _, [
-              e.$slots.actions ? (s(), a("div", v, [
-                l(e.$slots, "actions", { open: t })
-              ])) : u("", !0)
-            ])
-          ]),
-          _: 2
-        }, 1024),
-        i(o(h), { class: "rounded-b diclosure-panel" }, {
-          default: n(() => [
+            _: 2
+          }, 1024),
+          e.$slots.actions ? (n(), u("div", C, [
+            l(e.$slots, "actions", { open: t })
+          ])) : a("", !0)
+        ]),
+        i(o(b), f(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
+          default: s(() => [
             l(e.$slots, "default", { open: t })
           ]),
           _: 2
-        }, 1024)
+        }, 1040)
       ]),
       _: 3
     }, 8, ["defaultOpen"]));

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":"AA8BA,iBAAS,cAAc;WA8DT,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"}
+{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AAmBA,iBAAS,cAAc;WA8DT,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"}

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

@@ -1,23 +1,15 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, unref as t, createElementVNode as i, renderSlot as o } from "vue";
-import { nanoid as d } from "nanoid";
-const a = ["aria-labelledby"], c = ["id"], u = /* @__PURE__ */ n({
-  __name: "ViewLayoutSection",
-  setup(m) {
-    const e = d();
-    return (l, p) => (r(), s("section", {
-      "aria-labelledby": t(e),
-      class: "flex h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1"
-    }, [
-      i("div", {
-        id: t(e),
-        class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none"
-      }, [
-        o(l.$slots, "title")
-      ], 8, c),
-      o(l.$slots, "default")
-    ], 8, a));
-  }
-});
+import { openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as t } from "vue";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, c = { class: "flex h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none" };
+function m(e, d) {
+  return o(), l("section", c, [
+    n("div", i, [
+      t(e.$slots, "title")
+    ]),
+    t(e.$slots, "default")
+  ]);
+}
+const p = /* @__PURE__ */ s(r, [["render", m]]);
 export {
-  u as default
+  p as default
 };

package/dist/hooks/index.d.ts

@@ -2,5 +2,6 @@ export * from './useDarkModeState.js';
 export * from './useClipboard.js';
 export * from './useKeyMap.js';
 export * from './useFileDialog.js';
-export { useSidebar } from './useSidebar.js';
+export * from './useSidebar.js';
+export * from './useLayout.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}

package/dist/hooks/index.js

@@ -1,12 +1,14 @@
 import { useDarkModeState as r } from "./useDarkModeState.js";
-import { useClipboard as t } from "./useClipboard.js";
+import { useClipboard as p } from "./useClipboard.js";
 import { keyMap as f } from "./useKeyMap.js";
-import { useFileDialog as x } from "./useFileDialog.js";
+import { useFileDialog as u } from "./useFileDialog.js";
 import { useSidebar as s } from "./useSidebar.js";
+import { useLayout as d } from "./useLayout.js";
 export {
   f as keyMap,
-  t as useClipboard,
+  p as useClipboard,
   r as useDarkModeState,
-  x as useFileDialog,
+  u as useFileDialog,
+  d as useLayout,
   s as useSidebar
 };

package/dist/hooks/useLayout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The layout of the client
+ */
+export type ClientLayout = 'modal' | 'web' | 'desktop';
+/**
+ * Get the current client layout
+ *
+ * @see {@link createApiClient}
+ */
+export declare const useLayout: () => {
+    layout: ClientLayout;
+};
+//# sourceMappingURL=useLayout.d.ts.map

package/dist/hooks/useLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;AAEtD;;;;GAIG;AACH,eAAO,MAAM,SAAS;;CAEpB,CAAA"}

package/dist/hooks/useLayout.js

@@ -0,0 +1,7 @@
+import { inject as o } from "vue";
+const e = () => ({
+  layout: o("layout") ?? "desktop"
+});
+export {
+  e as useLayout
+};

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA+I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAiLjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA8H8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8KjD,wBAMG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,58 +1,58 @@
-import { defineComponent as w, ref as y, provide as T, onBeforeMount as _, onMounted as h, onBeforeUnmount as k, computed as K, openBlock as n, createElementBlock as C, Fragment as N, createElementVNode as S, createVNode as a, unref as r, createBlock as m, withCtx as p, KeepAlive as E, resolveDynamicComponent as H, createCommentVNode as b } from "vue";
-import D from "../../components/TopNav/TopNav.vue.js";
-import A from "./MainLayout.vue.js";
-import { addScalarClassesToHeadless as B } from "@scalar/components";
-import { getThemeStyles as L } from "@scalar/themes";
-import { ScalarToasts as M } from "@scalar/use-toasts";
-import { RouterView as P } from "vue-router";
-import { APP_HOTKEYS as V } from "./hotkeys.js";
-import { useDarkModeState as W } from "../../hooks/useDarkModeState.js";
-import { DEFAULT_HOTKEYS as g, handleHotKeyDown as x } from "../../libs/hot-keys.js";
-import { useWorkspace as F } from "../../store/store.js";
-const O = ["innerHTML"], ee = /* @__PURE__ */ w({
+import { defineComponent as v, ref as T, onBeforeMount as _, onMounted as y, onBeforeUnmount as h, computed as k, openBlock as n, createElementBlock as K, Fragment as C, createElementVNode as N, createVNode as a, unref as r, createBlock as m, withCtx as p, KeepAlive as S, resolveDynamicComponent as E, createCommentVNode as H } from "vue";
+import b from "../../components/TopNav/TopNav.vue.js";
+import D from "./MainLayout.vue.js";
+import { addScalarClassesToHeadless as A } from "@scalar/components";
+import { getThemeStyles as B } from "@scalar/themes";
+import { ScalarToasts as L } from "@scalar/use-toasts";
+import { RouterView as M } from "vue-router";
+import { APP_HOTKEYS as P } from "./hotkeys.js";
+import { useDarkModeState as V } from "../../hooks/useDarkModeState.js";
+import { DEFAULT_HOTKEYS as W, handleHotKeyDown as g } from "../../libs/hot-keys.js";
+import { useWorkspace as x } from "../../store/store.js";
+const F = ["innerHTML"], Z = /* @__PURE__ */ v({
   __name: "ApiClientApp",
   emits: ["newTab"],
-  setup(U) {
-    const d = { ...g, ...V }, l = y(null), u = (e) => {
+  setup(O) {
+    const d = { ...W, ...P }, l = T(null), u = (e) => {
       l.value = e;
     };
-    W();
-    const o = F(), { events: t } = o;
-    T("layout", "desktop"), _(() => B());
-    const s = (e) => x(e, t.hotKeys, { hotKeys: d }), i = (e) => {
+    V();
+    const o = x(), { events: t } = o;
+    _(() => A());
+    const s = (e) => g(e, t.hotKeys, { hotKeys: d }), c = (e) => {
       e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), t.commandPalette.emit());
     };
-    h(() => {
-      window.addEventListener("keydown", s), t.hotKeys.on(i);
-    }), k(() => {
-      window.removeEventListener("keydown", s), t.hotKeys.off(i);
+    y(() => {
+      window.addEventListener("keydown", s), t.hotKeys.on(c);
+    }), h(() => {
+      window.removeEventListener("keydown", s), t.hotKeys.off(c);
     });
-    const f = K(
-      () => o.activeWorkspace.value && `<style>${L(o.activeWorkspace.value.themeId)}</style>`
+    const f = k(
+      () => o.activeWorkspace.value && `<style>${B(o.activeWorkspace.value.themeId)}</style>`
     );
-    return (e, Y) => {
-      var c;
-      return n(), C(N, null, [
-        S("div", { innerHTML: f.value }, null, 8, O),
-        a(D, { openNewTab: l.value }, null, 8, ["openNewTab"]),
-        (c = r(o).activeWorkspace.value) != null && c.uid ? (n(), m(A, { key: 0 }, {
+    return (e, U) => {
+      var i;
+      return n(), K(C, null, [
+        N("div", { innerHTML: f.value }, null, 8, F),
+        a(b, { openNewTab: l.value }, null, 8, ["openNewTab"]),
+        (i = r(o).activeWorkspace.value) != null && i.uid ? (n(), m(D, { key: 0 }, {
           default: p(() => [
-            a(r(P), { onNewTab: u }, {
-              default: p(({ Component: v }) => [
-                (n(), m(E, null, [
-                  (n(), m(H(v)))
+            a(r(M), { onNewTab: u }, {
+              default: p(({ Component: w }) => [
+                (n(), m(S, null, [
+                  (n(), m(E(w)))
                 ], 1024))
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : b("", !0),
-        a(r(M))
+        })) : H("", !0),
+        a(r(L))
       ], 64);
     };
   }
 });
 export {
-  ee as default
+  Z as default
 };

package/dist/layouts/App/MainLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/MainLayout.vue"],"names":[],"mappings":"AA6BA,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,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":"MainLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/MainLayout.vue"],"names":[],"mappings":"AA0CA,iBAAS,cAAc;WAmET,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,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/layouts/App/MainLayout.vue.js

@@ -1,18 +1,26 @@
-import { defineComponent as t, openBlock as r, createElementBlock as l, createVNode as e, unref as n, createElementVNode as s, renderSlot as a } from "vue";
-import m from "../../components/SideNav/SideNav.vue.js";
-import c from "../../components/CommandPalette/TheCommandPalette.vue.js";
-const f = { class: "flex flex-col sm:flex-row min-h-0 flex-1" }, d = { class: "flex flex-1 flex-col min-w-0 min-h-0 border-l-1/2" }, h = /* @__PURE__ */ t({
+import { defineComponent as s, openBlock as t, createElementBlock as n, normalizeClass as r, unref as e, createVNode as m, createElementVNode as a, renderSlot as f } from "vue";
+import c from "../../components/SideNav/SideNav.vue.js";
+import d from "../../components/CommandPalette/TheCommandPalette.vue.js";
+import { useLayout as i } from "../../hooks/useLayout.js";
+const b = /* @__PURE__ */ s({
   __name: "MainLayout",
-  setup(i) {
-    return (o, _) => (r(), l("main", f, [
-      e(m, { class: "order-last sm:order-none" }),
-      e(n(c)),
-      s("div", d, [
-        a(o.$slots, "default")
-      ])
-    ]));
+  setup(u) {
+    const { layout: o } = i();
+    return (l, p) => (t(), n("main", {
+      class: r(["flex flex-col sm:flex-row min-h-0 flex-1", e(o) === "web" ? "sm:flex-col" : "sm:flex-row"])
+    }, [
+      m(c, { class: "order-last sm:order-none" }),
+      m(e(d)),
+      a("div", {
+        class: r(["flex flex-1 flex-col min-w-0 min-h-0", {
+          "border sm:mr-1.5 sm:mb-1.5 sm:rounded-lg sm:*:rounded-lg": e(o) === "desktop"
+        }])
+      }, [
+        f(l.$slots, "default")
+      ], 2)
+    ], 2));
   }
 });
 export {
-  h as default
+  b as default
 };