@scalar/api-client 2.1.33 → 2.1.35

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @scalar/api-client
 
+## 2.1.35
+
+### Patch Changes
+
+- 9f9c5b7: (style)api-client: response flip animation
+- 15b6082: fix: favors input on data table password type when masked
+- 9affbe3: fix: add an overflow to the dataTableInput to prevent it from overflowing
+- 277f95c: style: removes top border and sets overscroll property
+- 197e3ae: (style)api-client: make input styles more consistent
+- Updated dependencies [097ab40]
+- Updated dependencies [197e3ae]
+  - @scalar/oas-utils@0.2.62
+  - @scalar/components@0.12.61
+  - @scalar/themes@0.9.43
+  - @scalar/use-codemirror@0.11.28
+
+## 2.1.34
+
+### Patch Changes
+
+- 5995f57: feat: prepare references for the client auth
+- 4c1536d: style: updates active setting option ui state
+- d7a6c55: fix: updates scalar hotkey component
+- d7a6c55: fix: contrains event action to route
+- 2456afa: fix: remove theme selection as it was breaking on external sites
+- 69bda25: feat: synced up client auth with references
+- Updated dependencies [7323370]
+- Updated dependencies [d7a6c55]
+- Updated dependencies [2456afa]
+- Updated dependencies [69bda25]
+  - @scalar/openapi-parser@0.8.8
+  - @scalar/oas-utils@0.2.61
+  - @scalar/themes@0.9.42
+  - @scalar/components@0.12.60
+  - @scalar/use-codemirror@0.11.27
+
 ## 2.1.33
 
 ### 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":";;;;;AAwvBA,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAgwBA,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 d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-19d5c366"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1dd69544"]]);
 export {
-  d as default
+  a as default
 };

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9121d6e5"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37f39e63"]]);
 export {
-  _ as default
+  f as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":";cA0HY,MAAM,EAAE;mBACH,MAAM;;;;cADX,MAAM,EAAE;mBACH,MAAM;;;;AAyIvB,wBASG"}
+{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":";cAqIY,MAAM,EAAE;mBACH,MAAM;;;;cADX,MAAM,EAAE;mBACH,MAAM;;;;AA8IvB,wBASG"}

package/dist/components/ContextBar.vue.js

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

package/dist/components/ContextBar.vue2.js

@@ -1,26 +1,26 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, createElementVNode as i, Fragment as c, renderList as a, normalizeClass as l, toDisplayString as s, createVNode as d, unref as p } from "vue";
 import { ScalarIcon as u } from "@scalar/components";
-const m = { class: "hidden lg:flex ml-auto filter-hover group lg:w-[120px]" }, v = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, f = ["isActive", "onClick"], h = { class: "flex items-center group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, _ = { class: "mr-1.5 group-hover:hidden" }, b = /* @__PURE__ */ r({
+const m = { class: "hidden lg:flex ml-auto filter-hover context-bar-group lg:w-[120px]" }, v = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, f = ["isActive", "onClick"], h = { class: "flex items-center context-bar-group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, x = { class: "mr-1.5 context-bar-group-hover:hidden" }, y = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(x) {
+  setup(_) {
     return (e, g) => (n(), o("div", m, [
       i("div", v, [
         (n(!0), o(c, null, a(e.sections, (t) => (n(), o("button", {
           key: t,
-          class: l(["hover:bg-b-2 rounded p-1 px-2 text-center font-medium w-fit", [
+          class: l(["hover:bg-b-2 rounded p-1 px-2 text-center font-medium w-fit whitespace-nowrap", [
             e.activeSection === t ? "text-c-1  pointer-events-none" : ""
           ]]),
           isActive: e.activeSection === t,
           type: "button",
-          onClick: (S) => e.$emit("setActiveSection", t)
+          onClick: (b) => e.$emit("setActiveSection", t)
         }, s(t), 11, f))), 128)),
         i("div", h, [
-          i("span", _, s(e.activeSection), 1),
+          i("span", x, s(e.activeSection), 1),
           d(p(u), {
             icon: "FilterList",
             size: "md",
@@ -32,5 +32,5 @@ const m = { class: "hidden lg:flex ml-auto filter-hover group lg:w-[120px]" }, v
   }
 });
 export {
-  b as default
+  y as default
 };

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AA0OA,iBAAS,cAAc;qBAiNM,GAAG;qBACF,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;SAtTZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;6EA2TpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AA4PA,iBAAS,cAAc;qBA8OM,GAAG;qBACF,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;SAnVZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAwVpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, ref as d, computed as w, openBlock as l, createBlock as i, normalizeClass as b, withCtx as k, createElementBlock as s, renderSlot as m, createCommentVNode as u, createElementVNode as C, Fragment as B, createVNode as g, mergeProps as $, unref as h } from "vue";
-import x from "../CodeInput/CodeInput.vue.js";
-import { ScalarIconButton as q } from "@scalar/components";
-import A from "./DataTableCell.vue.js";
-import E from "./DataTableInputSelect.vue.js";
-const F = {
-  key: 0,
-  class: "text-c-2 flex min-w-[120px] items-center border-r-1/2 pl-2 pr-0"
-}, I = { class: "row-1" }, O = {
+import { defineComponent as V, ref as i, computed as k, openBlock as l, createBlock as u, normalizeClass as b, withCtx as g, createElementBlock as r, renderSlot as p, createCommentVNode as d, createElementVNode as C, Fragment as B, mergeProps as y, unref as $ } from "vue";
+import h from "../CodeInput/CodeInput.vue.js";
+import { ScalarIconButton as x } from "@scalar/components";
+import O from "./DataTableCell.vue.js";
+import q from "./DataTableInputSelect.vue.js";
+const A = {
   key: 0,
+  class: "text-c-1 flex min-w-[94px] items-center pl-2 pr-0"
+}, I = { class: "row-1 overflow-x-auto" }, E = ["id", "readOnly", "type", "value"], F = {
+  key: 2,
   class: "absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-focus:opacity-0"
 }, S = {
   key: 1,
@@ -28,30 +28,43 @@ const F = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(p, { emit: c }) {
-    const o = p, r = c, a = d(!0);
-    d("");
-    const f = d(!1), y = () => {
-      f.value || r("inputBlur");
-    }, v = w(
-      () => o.type === "password" ? a.value ? "password" : "text" : o.type ?? "text"
+  setup(c, { emit: f }) {
+    const o = c, s = f, n = i(!0);
+    i("");
+    const v = i(!1), w = () => {
+      v.value || s("inputBlur");
+    }, m = k(
+      () => o.type === "password" ? n.value ? "password" : "text" : o.type ?? "text"
     );
-    return (e, t) => (l(), i(A, {
+    return (e, t) => (l(), u(O, {
       class: b(["relative row", e.containerClass])
     }, {
-      default: k(() => [
-        e.$slots.default ? (l(), s("div", F, [
-          m(e.$slots, "default", {}, void 0, !0)
-        ])) : u("", !0),
+      default: g(() => [
+        e.$slots.default ? (l(), r("div", A, [
+          p(e.$slots, "default", {}, void 0, !0)
+        ])) : d("", !0),
         C("div", I, [
-          o.enum && o.enum.length ? (l(), i(E, {
+          o.enum && o.enum.length ? (l(), u(q, {
             key: 0,
             canAddCustomValue: e.canAddCustomEnumValue,
             modelValue: o.modelValue,
             value: o.enum,
-            "onUpdate:modelValue": t[0] || (t[0] = (n) => r("update:modelValue", n))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (l(), s(B, { key: 1 }, [
-            g(x, $(e.$attrs, {
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => s("update:modelValue", a))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (l(), r(B, { key: 1 }, [
+            n.value && e.type === "password" ? (l(), r("input", y({ key: 0 }, e.$attrs, {
+              id: e.id,
+              autocomplete: "off",
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer px-2 py-1.25 outline-none",
+              "data-1p-ignore": "",
+              readOnly: e.readOnly,
+              spellcheck: "false",
+              type: m.value,
+              value: e.modelValue,
+              onInput: t[1] || (t[1] = (a) => s(
+                "update:modelValue",
+                a.target.value ?? ""
+              ))
+            }), null, 16, E)) : (l(), u(h, y({ key: 1 }, e.$attrs, {
               id: e.id,
               class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer outline-none",
               disableCloseBrackets: "",
@@ -62,25 +75,25 @@ const F = {
               readOnly: e.readOnly,
               required: e.required,
               spellcheck: "false",
-              type: v.value,
-              onBlur: y,
-              onFocus: t[1] || (t[1] = (n) => r("inputFocus")),
-              "onUpdate:modelValue": t[2] || (t[2] = (n) => r("update:modelValue", n))
-            }), null, 16, ["id", "max", "min", "modelValue", "readOnly", "required", "type"]),
-            e.required ? (l(), s("div", O, " Required ")) : u("", !0)
+              type: m.value,
+              onBlur: w,
+              onFocus: t[2] || (t[2] = (a) => s("inputFocus")),
+              "onUpdate:modelValue": t[3] || (t[3] = (a) => s("update:modelValue", a))
+            }), null, 16, ["id", "max", "min", "modelValue", "readOnly", "required", "type"])),
+            e.required ? (l(), r("div", F, " Required ")) : d("", !0)
           ], 64))
         ]),
-        e.$slots.warning ? (l(), s("div", S, [
-          m(e.$slots, "warning", {}, void 0, !0)
-        ])) : u("", !0),
-        m(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (l(), i(h(q), {
+        e.$slots.warning ? (l(), r("div", S, [
+          p(e.$slots, "warning", {}, void 0, !0)
+        ])) : d("", !0),
+        p(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (l(), u($(x), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
-          icon: a.value ? "Show" : "Hide",
-          label: a.value ? "Show Password" : "Hide Password",
-          onClick: t[3] || (t[3] = (n) => a.value = !a.value)
-        }, null, 8, ["icon", "label"])) : u("", !0)
+          icon: n.value ? "Show" : "Hide",
+          label: n.value ? "Show Password" : "Hide Password",
+          onClick: t[4] || (t[4] = (a) => n.value = !n.value)
+        }, null, 8, ["icon", "label"])) : d("", !0)
       ]),
       _: 3
     }, 8, ["class"]));

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

@@ -1,11 +1,10 @@
+import type { HotKeyModifiers } from '@scalar/oas-utils/entities';
 declare const _default: import("vue").DefineComponent<{
     hotkey: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    hotkeyPressed: (key: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
+    modifier?: HotKeyModifiers;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     hotkey: string;
-}> & Readonly<{
-    onHotkeyPressed?: ((key: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    modifier?: HotKeyModifiers;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarHotkey.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarHotkey.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScalarHotkey.vue"],"names":[],"mappings":";YAoDU,MAAM;;;;YAAN,MAAM;;;;AAgFhB,wBAOG"}
+{"version":3,"file":"ScalarHotkey.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScalarHotkey.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;;YAOvD,MAAM;eACH,eAAe;;YADlB,MAAM;eACH,eAAe;;AA4D5B,wBAMG"}

package/dist/components/ScalarHotkey.vue.js

@@ -1,25 +1,16 @@
-import { defineComponent as l, computed as t, openBlock as d, createElementBlock as y, mergeProps as k, toDisplayString as u } from "vue";
-import { isMacOS as r } from "@scalar/use-tooltip";
-import { useMagicKeys as f, whenever as v } from "@vueuse/core";
-import { keyMap as h } from "../hooks/useKeyMap.js";
-const P = /* @__PURE__ */ l({
+import { defineComponent as a, computed as t, openBlock as d, createElementBlock as m, mergeProps as s, toDisplayString as c } from "vue";
+import { isMacOS as p } from "@scalar/use-tooltip";
+const y = /* @__PURE__ */ a({
   __name: "ScalarHotkey",
   props: {
-    hotkey: {}
+    hotkey: {},
+    modifier: {}
   },
-  emits: ["hotkeyPressed"],
-  setup(n, { emit: a }) {
-    const o = n, i = a, p = t(() => r() ? "⌘" : "⌃"), s = t(() => h().get(o.hotkey)), c = t(() => `${p.value} ${o.hotkey}`), m = f({
-      passive: !1,
-      onEventFired(e) {
-        !r() && e.ctrlKey && e.key === s.value && (e.preventDefault(), e.stopPropagation());
-      }
-    });
-    return v(m[`${r() ? "meta" : "control"}_${o.hotkey}`], () => {
-      i("hotkeyPressed", s.value || "");
-    }), (e, b) => (d(), y("div", k(e.$attrs, { class: "bg-b-1 border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase" }), u(c.value), 17));
+  setup(i) {
+    const e = i, o = t(() => e.modifier || "meta"), n = t(() => `${o.value === "meta" ? p() ? "⌘" : "^" : o.value} ${e.hotkey}`);
+    return (r, l) => (d(), m("div", s(r.$attrs, { class: "border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase" }), c(n.value), 17));
   }
 });
 export {
-  P as default
+  y as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA+KA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA8KA,wBAKG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./SideNav.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b96e8d60"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-356a8069"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/SideNav/SideNav.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as d, openBlock as n, createElementBlock as r, createElementVNode as e, Fragment as u, renderList as x, unref as o, createVNode as i, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
+import { defineComponent as d, openBlock as n, createElementBlock as i, createElementVNode as e, Fragment as u, renderList as x, unref as o, createVNode as r, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
 import { ROUTES as y } from "../../constants.js";
 import { useRouter as N } from "vue-router";
 import h from "./SideHelp.vue.js";
 import _ from "./SideNavLink.vue.js";
 const S = {
   "aria-label": "App Navigation",
-  class: "text-c-2 sm:w-13 flex sm:flex-col justify-center items-center px-2 py-2 scalar-sidenav relative drag-region bg-b-1 border-t-1/2",
+  class: "text-c-2 sm:w-13 flex sm:flex-col justify-center items-center px-2 py-2 scalar-sidenav relative drag-region bg-b-1",
   role: "navigation"
 }, b = { class: "flex sm:flex-col gap-1.5" }, k = { class: "mt-auto flex sm:flex-col gap-1.5 py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, A = /* @__PURE__ */ d({
   __name: "SideNav",
   setup(V) {
     const { currentRoute: a } = N();
-    return (w, l) => (n(), r("nav", S, [
+    return (w, l) => (n(), i("nav", S, [
       e("ul", b, [
-        (n(!0), r(u, null, x(o(y).filter(
+        (n(!0), i(u, null, x(o(y).filter(
           (t) => t.name !== "settings"
         ), ({ icon: t, name: s, prettyName: g }, p) => {
           var c;
-          return n(), r("li", {
+          return n(), i("li", {
             key: p,
             class: "no-drag-region"
           }, [
-            i(_, {
+            r(_, {
               active: (c = o(a).name) == null ? void 0 : c.startsWith(s),
               icon: t,
               name: s,
@@ -37,7 +37,7 @@ const S = {
       ]),
       e("ul", k, [
         e("li", E, [
-          i(_, {
+          r(_, {
             active: o(a).name === "settings",
             icon: "Settings",
             name: "settings",
@@ -50,7 +50,7 @@ const S = {
           }, 8, ["active"])
         ]),
         e("li", R, [
-          i(h)
+          r(h)
         ])
       ])
     ]));

package/dist/components/Sidebar/SidebarButton.vue.d.ts

@@ -3,8 +3,12 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<{
     click: () => void;
+    hotkey?: string;
+    isApp?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     click: () => void;
+    hotkey?: string;
+    isApp?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AA8CA,iBAAS,cAAc;mBAwFI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WAvHZ,MAAM,IAAI;;WAAV,MAAM,IAAI;iGA6HjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AAkDA,iBAAS,cAAc;mBA4EI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WA7GZ,MAAM,IAAI;aACR,MAAM;YACP,OAAO;;WAFR,MAAM,IAAI;aACR,MAAM;YACP,OAAO;iGAiHf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,33 +1,35 @@
-import { defineComponent as c, openBlock as n, createBlock as a, unref as i, withCtx as l, renderSlot as s, createVNode as p } from "vue";
-import d from "../ScalarHotkey.vue.js";
-import { ScalarButton as u } from "@scalar/components";
-const b = /* @__PURE__ */ c({
+import { defineComponent as a, openBlock as t, createBlock as o, unref as i, withCtx as c, renderSlot as p, createCommentVNode as s } from "vue";
+import u from "../ScalarHotkey.vue.js";
+import { ScalarButton as d } from "@scalar/components";
+const f = /* @__PURE__ */ a({
   __name: "SidebarButton",
   props: {
-    click: { type: Function }
+    click: { type: Function },
+    hotkey: {},
+    isApp: { type: Boolean }
   },
-  setup(e) {
-    const o = e, t = () => {
-      o.click();
+  setup(r) {
+    const n = r, l = () => {
+      n.click();
     };
-    return (r, m) => (n(), a(i(u), {
+    return (e, m) => (t(), o(i(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: t
+      onClick: l
     }, {
-      default: l(() => [
-        s(r.$slots, "title"),
-        p(d, {
+      default: c(() => [
+        p(e.$slots, "title"),
+        e.hotkey && !e.isApp ? (t(), o(u, {
+          key: 0,
           class: "hidden md:block absolute right-2 group-hover:opacity-80 text-c-2 add-item-hotkey",
-          hotkey: "K",
-          onHotkeyPressed: t
-        })
+          hotkey: e.hotkey
+        }, null, 8, ["hotkey"])) : s("", !0)
       ]),
       _: 3
     }));
   }
 });
 export {
-  b as default
+  f 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":";gBA+Qc;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;gBAApC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;AA2dlD,wBAMG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";gBA+Qc;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;gBAApC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;AA4dlD,wBAMG"}

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-657b36ed"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc362fa8"]]);
 export {
-  m as default
+  r 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: "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: "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 = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, re = /* @__PURE__ */ z({
+}, ie = /* @__PURE__ */ z({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
   setup(I) {
-    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);
+    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);
     function k() {
       var o;
-      const e = F.find((c) => i.currentRoute.value.name == c.name);
+      const e = F.find((c) => r.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: i.currentRoute.value.path,
+        path: r.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
         label: J(e == null ? void 0 : e.name) || "",
-        path: i.currentRoute.value.path,
+        path: r.currentRoute.value.path,
         icon: e.icon
       });
     }
     function v() {
-      i.push(t[a.value].path);
+      r.push(t[a.value].path);
     }
     function p() {
       t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
     }
-    function r(e) {
+    function i(e) {
       a.value = e, v();
     }
     w(
-      () => i.currentRoute.value.path,
+      () => r.currentRoute.value.path,
       () => {
         k();
       },
@@ -58,11 +58,11 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
       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 && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+        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) {
           const o = Number(e.jumpToTab.key) - 1;
-          o >= 0 && o < t.length && r(o);
+          o >= 0 && o < t.length && i(o);
         }
-        e.jumpToLastTab && r(t.length - 1);
+        e.jumpToLastTab && i(t.length - 1);
       }
     }, $ = (e) => {
       t.push({
@@ -140,7 +140,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
           hotkey: (s + 1).toString(),
           icon: c.icon,
           label: c.label,
-          onClick: (h) => r(s),
+          onClick: (h) => i(s),
           onClose: (h) => N(s),
           onCloseOtherTabs: (h) => R(s),
           onCopyUrl: (h) => y(s),
@@ -162,5 +162,5 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
   }
 });
 export {
-  re as default
+  ie as 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":"AA8BA,iBAAS,cAAc;mBA8CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,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":"AA8BA,iBAAS,cAAc;mBA+CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,20 +1,20 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, unref as t, createElementVNode as i, renderSlot as o } from "vue";
+import { defineComponent as n, openBlock as r, createElementBlock as s, unref as o, createElementVNode as i, renderSlot as t } 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),
+      "aria-labelledby": o(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-11 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-2 md:px-4 md:py-2.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none"
+        id: o(e),
+        class: "min-h-11 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-1.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none group"
       }, [
-        o(l.$slots, "title")
+        t(l.$slots, "title")
       ], 8, c),
-      o(l.$slots, "default")
+      t(l.$slots, "default")
     ], 8, a));
   }
 });

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from './layouts/Modal/index.js';
 export * from './layouts/App/index.js';
 export { useWorkspace } from './store/store.js';
-export { createModalRouter, createWebHashRouter, router } from './router.js';
+export { createModalRouter, createWebHashRouter, createWebHistoryRouter, } from './router.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,UAAU,CAAA"}