@scalar/api-client 2.2.2 → 2.2.4

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @scalar/api-client
 
+## 2.2.4
+
+### Patch Changes
+
+- d08a7ae: feat(components): cleanup and extend floating components
+- baaad1c: refactor: deprecated the `proxy` configuration attribute, and use `proxyUrl` everywhere
+- 642d112: feat: adds request body example selector
+- bae9997: refactor: move send-request lib to its own folder
+- Updated dependencies [2dd6aa3]
+- Updated dependencies [6389557]
+- Updated dependencies [6389557]
+- Updated dependencies [7605d6f]
+- Updated dependencies [d08a7ae]
+- Updated dependencies [baaad1c]
+- Updated dependencies [c984ac8]
+- Updated dependencies [7278742]
+- Updated dependencies [3ca88dc]
+- Updated dependencies [f6cd5ed]
+  - @scalar/components@0.13.0
+  - @scalar/import@0.2.0
+  - @scalar/oas-utils@0.2.82
+  - @scalar/types@0.0.22
+  - @scalar/use-codemirror@0.11.44
+  - @scalar/themes@0.9.53
+  - @scalar/use-hooks@0.1.6
+
+## 2.2.3
+
+### Patch Changes
+
+- Updated dependencies [1fa0d20]
+  - @scalar/themes@0.9.52
+  - @scalar/components@0.12.76
+  - @scalar/oas-utils@0.2.81
+  - @scalar/use-hooks@0.1.5
+  - @scalar/use-codemirror@0.11.43
+
 ## 2.2.2
 
 ### Patch Changes

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -58,7 +58,7 @@ const X = { class: "flex justify-between" }, Z = { class: "flex flex-row items-c
               o.value,
               y.value.uid,
               {
-                proxy: y.value.proxyUrl,
+                proxyUrl: y.value.proxyUrl,
                 watchMode: p.value
               }
             );

package/dist/components/CommandPalette/CommandPaletteRequest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":"AAwMA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;;;;;;;AA0TF,wBAQG"}
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":"AAwMA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;;;;;;;AA2TF,wBAQG"}

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as c, computed as x, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as W, createTextVNode as j } from "vue";
+import { defineComponent as P, ref as c, computed as g, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as W, createTextVNode as j } from "vue";
 import H from "../HttpMethod/HttpMethod.vue.js";
 import { useActiveEntities as I } from "../../store/active-entities.js";
 import { ScalarListbox as D, ScalarButton as k, ScalarIcon as w } from "@scalar/components";
@@ -8,7 +8,7 @@ import L from "./CommandActionForm.vue.js";
 import O from "./CommandActionInput.vue.js";
 import { isHTTPMethod as F } from "../HttpMethod/helpers.js";
 import { useWorkspace as G } from "../../store/store.js";
-const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
+const J = { class: "flex" }, se = /* @__PURE__ */ P({
   __name: "CommandPaletteRequest",
   props: {
     metaData: {}
@@ -18,63 +18,63 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
     const r = S, b = _, { push: M } = A(), { toast: N } = $(), {
       activeCollection: R,
       activeWorkspace: U,
-      activeWorkspaceCollections: g,
+      activeWorkspaceCollections: x,
       activeRequest: T
-    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), d = c("get"), p = x(
-      () => g.value.map((t) => {
+    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), v = g(
+      () => x.value.map((t) => {
         var e;
         return {
           id: t.uid,
           label: ((e = t.info) == null ? void 0 : e.title) ?? "Unititled Collection"
         };
       })
-    ), m = x(
-      () => g.value.flatMap(
+    ), d = g(
+      () => x.value.flatMap(
         (t) => {
           var e;
           return t.uid === ((e = l.value) == null ? void 0 : e.id) ? t.tags.flatMap((a) => {
-            const v = z[a];
-            return v ? [
+            const p = z[a];
+            return p ? [
               {
-                id: v.uid,
-                label: v.name
+                id: p.uid,
+                label: p.name
               }
             ] : [];
           }) : [];
         }
       )
     ), l = c(
-      r.metaData ? p.value.find(
+      r.metaData ? v.value.find(
         (t) => {
           var e, a;
           return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid) || t.id === ((a = r.metaData) == null ? void 0 : a.parentUid);
         }
-      ) : p.value.find(
+      ) : v.value.find(
         (t) => {
           var e;
           return t.id === ((e = R.value) == null ? void 0 : e.uid);
         }
       )
     ), s = c(
-      r.metaData ? m.value.find((t) => {
+      r.metaData ? d.value.find((t) => {
         var e;
         return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid);
-      }) : m.value.find((t) => {
+      }) : d.value.find((t) => {
         var e, a;
         return t.label === ((a = (e = T.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
       })
-    ), B = (t) => d.value = t, E = () => {
+    ), B = (t) => m.value = t, E = () => {
       var e;
       if (!o.value.trim()) {
         N("Please enter a name before creating a request.", "error");
         return;
       }
-      if (!((e = l.value) != null && e.id) || !F(d.value))
+      if (!((e = l.value) != null && e.id) || !F(m.value))
         return;
       const t = y.add(
         {
           path: "",
-          method: d.value,
+          method: m.value,
           description: o.value,
           operationId: o.value,
           summary: o.value,
@@ -99,17 +99,17 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
           i(H, {
             isEditable: !0,
             isSquare: "",
-            method: d.value,
+            method: m.value,
             onChange: B
           }, null, 8, ["method"]),
           i(n(D), {
             modelValue: l.value,
             "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
-            options: p.value
+            options: v.value
           }, {
             default: u(() => [
               i(n(k), {
-                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                class: "justify-between p-2 ml-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
                 default: u(() => [
@@ -127,15 +127,15 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          m.value.length ? (C(), h(n(D), {
+          d.value.length ? (C(), h(n(D), {
             key: 0,
             modelValue: s.value,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.value = a),
-            options: m.value
+            options: d.value
           }, {
             default: u(() => [
               i(n(k), {
-                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                class: "justify-between p-2 ml-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
                 default: u(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AA0YA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAuXA,wBAMG"}

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

@@ -1,89 +1,80 @@
-import { defineComponent as y, computed as S, openBlock as c, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as h, createElementVNode as s, normalizeClass as w, createTextVNode as m, toDisplayString as x, createCommentVNode as j } from "vue";
-import { useActiveEntities as z } from "../../store/active-entities.js";
-import { ScalarDropdown as B, ScalarDropdownItem as d, ScalarIcon as l, ScalarDropdownDivider as I, ScalarButton as V } from "@scalar/components";
-import { useRouter as M } from "vue-router";
-import { useWorkspace as W } from "../../store/store.js";
-const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, R = { class: "flex items-center justify-center h-4 w-4" }, H = /* @__PURE__ */ y({
+import { defineComponent as b, computed as S, openBlock as a, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as y, renderList as N, createBlock as v, withModifiers as w, createTextVNode as l, toDisplayString as x, createElementVNode as c, normalizeClass as D, createCommentVNode as B } from "vue";
+import { useActiveEntities as I } from "../../store/active-entities.js";
+import { ScalarDropdown as j, ScalarDropdownItem as m, ScalarListboxCheckbox as z, ScalarIcon as d, ScalarDropdownDivider as V, ScalarButton as M } from "@scalar/components";
+import { useRouter as W } from "vue-router";
+import { useWorkspace as L } from "../../store/store.js";
+const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, R = { class: "flex items-center justify-center h-4 w-4" }, J = /* @__PURE__ */ b({
   __name: "EnvironmentSelector",
   setup($) {
-    const { activeWorkspace: i, activeEnvironment: k } = z(), { environments: u, workspaceMutators: g, isReadOnly: E } = W(), C = M(), p = (a) => {
-      g.edit(i.value.uid, "activeEnvironmentId", a);
-    }, _ = () => C.push({
+    const { activeWorkspace: i, activeEnvironment: h } = I(), { environments: u, workspaceMutators: k, isReadOnly: g } = L(), E = W(), p = (s) => {
+      k.edit(i.value.uid, "activeEnvironmentId", s);
+    }, C = () => E.push({
       name: "environment",
       params: {
         environment: i.value.uid
       }
-    }), b = S(() => [
+    }), _ = S(() => [
       // Always add the default environment
       u.default,
-      ...Object.values(u).filter((a) => a.uid !== "default")
+      ...Object.values(u).filter((s) => s.uid !== "default")
     ]);
-    return (a, o) => (c(), f("div", null, [
-      n(e(B), null, {
+    return (s, o) => (a(), f("div", null, [
+      n(e(j), { placement: "bottom-end" }, {
         items: r(() => [
-          (c(!0), f(N, null, D(b.value, (t) => (c(), v(e(d), {
+          (a(!0), f(y, null, N(_.value, (t) => (a(), v(e(m), {
             key: t.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: h((A) => p(t.uid), ["stop"])
+            onClick: w((A) => p(t.uid), ["stop"])
           }, {
             default: r(() => [
-              s("div", {
-                class: w([
-                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                  e(i).activeEnvironmentId === t.uid ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
-                ])
-              }, [
-                n(e(l), {
-                  class: "size-2.5",
-                  icon: "Checkmark",
-                  thickness: "3.5"
-                })
-              ], 2),
-              m(" " + x(t.name), 1)
+              n(e(z), {
+                selected: e(i).activeEnvironmentId === t.uid
+              }, null, 8, ["selected"]),
+              l(" " + x(t.name), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          n(e(d), {
+          n(e(m), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: o[0] || (o[0] = h((t) => p(""), ["stop"]))
+            onClick: o[0] || (o[0] = w((t) => p(""), ["stop"]))
           }, {
             default: r(() => [
-              s("div", {
-                class: w([
+              c("div", {
+                class: D([
                   "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
                   e(i).activeEnvironmentId === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                 ])
               }, [
-                n(e(l), {
+                n(e(d), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3.5"
                 })
               ], 2),
-              o[1] || (o[1] = m(" No Environment "))
+              o[1] || (o[1] = l(" No Environment "))
             ]),
             _: 1
           }),
-          n(e(I)),
-          e(E) ? j("", !0) : (c(), v(e(d), {
+          n(e(V)),
+          e(g) ? B("", !0) : (a(), v(e(m), {
             key: 0,
             class: "flex items-center gap-1.5",
-            onClick: _
+            onClick: C
           }, {
             default: r(() => [
-              s("div", R, [
-                n(e(l), {
+              c("div", R, [
+                n(e(d), {
                   icon: "Brackets",
                   size: "sm"
                 })
               ]),
-              o[2] || (o[2] = s("span", { class: "leading-none" }, "Manage Environments", -1))
+              o[2] || (o[2] = c("span", { class: "leading-none" }, "Manage Environments", -1))
             ]),
             _: 1
           }))
         ]),
         default: r(() => [
-          n(e(V), {
+          n(e(M), {
             class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-1 w-fit",
             fullWidth: "",
             variant: "ghost"
@@ -91,9 +82,9 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             default: r(() => {
               var t;
               return [
-                s("h2", O, [
-                  m(x(((t = e(k)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
-                  n(e(l), {
+                c("h2", O, [
+                  l(x(((t = e(h)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
+                  n(e(d), {
                     class: "size-3",
                     icon: "ChevronDown",
                     thickness: "3"
@@ -110,5 +101,5 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
   }
 });
 export {
-  H as default
+  J as default
 };

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

@@ -4,7 +4,7 @@ import { useActiveEntities as B } from "../../store/active-entities.js";
 import { ScalarButton as l } from "@scalar/components";
 import { useToasts as F } from "@scalar/use-toasts";
 import { useRouter as I } from "vue-router";
-import { useWorkspace as q } from "../../store/store.js";
+import { useWorkspace as U } from "../../store/store.js";
 const R = /* @__PURE__ */ v({
   __name: "ImportNowButton",
   props: {
@@ -14,7 +14,7 @@ const R = /* @__PURE__ */ v({
   },
   emits: ["importFinished"],
   setup(f, { emit: d }) {
-    const o = f, y = d, k = I(), { activeWorkspace: r } = B(), { importSpecFromUrl: w, importSpecFile: h } = q(), { toast: i } = F();
+    const o = f, y = d, k = I(), { activeWorkspace: r } = B(), { importSpecFromUrl: w, importSpecFile: h } = U(), { toast: i } = F();
     async function n() {
       try {
         if (o.source) {
@@ -23,7 +23,7 @@ const R = /* @__PURE__ */ v({
               o.source,
               r.value.uid,
               {
-                proxy: r.value.proxyUrl,
+                proxyUrl: r.value.proxyUrl,
                 watchMode: o.watchMode
               }
             );

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":"AAsPA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAgaF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAwPA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AA0aF,wBAOG"}

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

@@ -1,46 +1,46 @@
-import { defineComponent as $, reactive as z, ref as E, computed as M, watch as w, onMounted as j, onBeforeUnmount as B, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
+import { defineComponent as M, reactive as $, ref as z, computed as B, watch as w, onMounted as E, onBeforeUnmount as j, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as r, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
 import q from "../ScalarHotkey.vue.js";
 import { ROUTES as F } from "../../constants.js";
 import { useActiveEntities as H } from "../../store/active-entities.js";
-import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as I } from "@scalar/components";
-import { capitalize as J } from "@scalar/oas-utils/helpers";
-import { useClipboard as P } from "@scalar/use-hooks/useClipboard";
-import Q from "./TopNavItem.vue.js";
-import { useWorkspace as X } from "../../store/store.js";
-const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ee = {
+import { ScalarContextMenu as W, ScalarIcon as d, ScalarFloating as G, ScalarDropdownMenu as J, ScalarDropdownButton as _ } from "@scalar/components";
+import { capitalize as P } from "@scalar/oas-utils/helpers";
+import { useClipboard as Q } from "@scalar/use-hooks/useClipboard";
+import X from "./TopNavItem.vue.js";
+import { useWorkspace as Y } from "../../store/store.js";
+const Z = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, ee = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, te = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, ue = /* @__PURE__ */ $({
+}, pe = /* @__PURE__ */ M({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
-  setup(_) {
-    const L = _, { activeRequest: S, router: i } = H(), { events: g } = X(), { copyToClipboard: U } = P(), t = z([{ label: "", path: "", icon: "Add" }]), a = E(0), T = M(() => a.value);
+  setup(I) {
+    const S = I, { activeRequest: L, router: s } = H(), { events: g } = Y(), { copyToClipboard: U } = Q(), t = $([{ label: "", path: "", icon: "Add" }]), a = z(0), T = B(() => a.value);
     function k() {
       var o;
-      const e = F.find((c) => i.currentRoute.value.name == c.name);
+      const e = F.find((u) => s.currentRoute.value.name == u.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,
+        label: ((o = L.value) == null ? void 0 : o.summary) || "",
+        path: s.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
-        label: J(e == null ? void 0 : e.name) || "",
-        path: i.currentRoute.value.path,
+        label: P(e == null ? void 0 : e.name) || "",
+        path: s.currentRoute.value.path,
         icon: e.icon
       });
     }
     function v() {
-      i.push(t[a.value].path);
+      s.push(t[a.value].path);
     }
     function p() {
       t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
     }
-    function r(e) {
+    function c(e) {
       a.value = e, v();
     }
     w(
-      () => i.currentRoute.value.path,
+      () => s.currentRoute.value.path,
       () => {
         k();
       },
@@ -59,11 +59,11 @@ const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z =
       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 && c(Math.max(a.value - 1, 0)), e.navigateTopNavRight && c(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 && c(o);
         }
-        e.jumpToLastTab && r(t.length - 1);
+        e.jumpToLastTab && c(t.length - 1);
       }
     }, A = (e) => {
       t.push({
@@ -73,17 +73,17 @@ const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z =
       });
     };
     return w(
-      () => L.openNewTab,
+      () => S.openNewTab,
       (e) => {
         e && A(e);
       },
       { immediate: !0 }
-    ), j(() => g.hotKeys.on(C)), B(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Y, [
+    ), E(() => g.hotKeys.on(C)), j(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Z, [
       o[3] || (o[3] = f("div", { class: "absolute inset-0 app-drag-region" }, null, -1)),
-      f("div", Z, [
-        t.length === 1 ? (m(), b("div", ee, [
+      f("div", ee, [
+        t.length === 1 ? (m(), b("div", te, [
           n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
-            trigger: u(() => [
+            trigger: r(() => [
               n(l(d), {
                 icon: t[0].icon,
                 size: "xs",
@@ -91,43 +91,45 @@ const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z =
               }, null, 8, ["icon"]),
               f("span", null, O(t[0].label), 1)
             ]),
-            content: u(() => [
-              n(l(G), {
-                class: "scalar-client",
-                static: ""
-              }, {
-                items: u(() => [
-                  n(l(I), {
-                    class: "flex items-center gap-1.5",
-                    onClick: p
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "AddTab",
-                        size: "sm",
-                        thickness: "1.5"
+            content: r(() => [
+              n(l(G), { placement: "right-start" }, {
+                floating: r(() => [
+                  n(l(J), { class: "scalar-app scalar-client" }, {
+                    default: r(() => [
+                      n(l(_), {
+                        class: "flex items-center gap-1.5",
+                        onClick: p
+                      }, {
+                        default: r(() => [
+                          n(l(d), {
+                            icon: "AddTab",
+                            size: "sm",
+                            thickness: "1.5"
+                          }),
+                          o[1] || (o[1] = x(" New Tab ")),
+                          n(q, {
+                            class: "bg-b-2 ml-auto",
+                            hotkey: "T"
+                          })
+                        ]),
+                        _: 1
                       }),
-                      o[1] || (o[1] = x(" New Tab ")),
-                      n(q, {
-                        class: "bg-b-2 ml-auto",
-                        hotkey: "T"
+                      n(l(_), {
+                        class: "flex items-center gap-1.5",
+                        onClick: o[0] || (o[0] = (u) => y(T.value))
+                      }, {
+                        default: r(() => [
+                          n(l(d), {
+                            icon: "Link",
+                            size: "sm",
+                            thickness: "1.5"
+                          }),
+                          o[2] || (o[2] = x(" Copy URL "))
+                        ]),
+                        _: 1
                       })
                     ]),
                     _: 1
-                  }),
-                  n(l(I), {
-                    class: "flex items-center gap-1.5",
-                    onClick: o[0] || (o[0] = (c) => y(T.value))
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "Link",
-                        size: "sm",
-                        thickness: "1.5"
-                      }),
-                      o[2] || (o[2] = x(" Copy URL "))
-                    ]),
-                    _: 1
                   })
                 ]),
                 _: 1
@@ -135,16 +137,16 @@ const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z =
             ]),
             _: 1
           })
-        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(Q, {
-          key: s,
-          active: s === T.value,
-          hotkey: (s + 1).toString(),
-          icon: c.icon,
-          label: c.label,
-          onClick: (h) => r(s),
-          onClose: (h) => N(s),
-          onCloseOtherTabs: (h) => R(s),
-          onCopyUrl: (h) => y(s),
+        ])) : (m(!0), b(V, { key: 1 }, D(t, (u, i) => (m(), K(X, {
+          key: i,
+          active: i === T.value,
+          hotkey: (i + 1).toString(),
+          icon: u.icon,
+          label: u.label,
+          onClick: (h) => c(i),
+          onClose: (h) => N(i),
+          onCloseOtherTabs: (h) => R(i),
+          onCopyUrl: (h) => y(i),
           onNewTab: p
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
         f("button", {
@@ -163,5 +165,5 @@ const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z =
   }
 });
 export {
-  ue as default
+  pe as default
 };

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":"AAuMA,OAAO,EACL,KAAK,IAAI,EAOV,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;;;;;;;;;;;;;;AAiUF,wBAQG"}
+{"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"}

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-9e263bd8"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d56f12d9"]]);
 export {
   a as default
 };