@scalar/api-client 2.2.4 → 2.2.6

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @scalar/api-client
 
+## 2.2.6
+
+### Patch Changes
+
+- b744324: style: removes add item hotkey style
+- 0804d6b: feat: fall back to just the request path in the sidebar
+- 0076308: feat: show API client button in GitBook
+- 13432e7: feat: fall back to the API reference URL for the import
+- Updated dependencies [9b4f85d]
+  - @scalar/oas-utils@0.2.84
+  - @scalar/import@0.2.2
+
+## 2.2.5
+
+### Patch Changes
+
+- e199e9b: feat: updates chevron down icon
+- f524411: feat: adds response status color
+- e199e9b: feat: updates add icon
+- 10c01b2: fix: updates overflow and height for image response preview
+- e199e9b: feat: adds request creation from sidebar
+- 31cb86b: style: updates http method variants
+- c2f5f08: feat: adds hideClientButton option configuration
+- 1f730c6: feat: upgraded cva and added tests
+- 8958af0: feat: add the proxy to oauth authorize calls
+- Updated dependencies [e199e9b]
+- Updated dependencies [e199e9b]
+- Updated dependencies [f524411]
+- Updated dependencies [e199e9b]
+- Updated dependencies [d6e7008]
+- Updated dependencies [10c9016]
+- Updated dependencies [c2f5f08]
+- Updated dependencies [1f730c6]
+- Updated dependencies [b11294c]
+- Updated dependencies [f30ce11]
+  - @scalar/components@0.13.1
+  - @scalar/oas-utils@0.2.83
+  - @scalar/use-codemirror@0.11.45
+  - @scalar/types@0.0.23
+  - @scalar/import@0.2.1
+  - @scalar/themes@0.9.54
+  - @scalar/use-hooks@0.1.7
+
 ## 2.2.4
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBarServer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AAqWA,wBAKG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AAoWA,wBAKG"}

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -6,44 +6,44 @@ import { useWorkspace as T } from "../../store/store.js";
 const j = {
   class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2 -outline-offset-1",
   type: "button"
-}, F = {
+}, z = {
   key: 0,
   class: "text-xxs text-c-2 ml-8"
-}, M = { class: "flex items-center justify-center h-4 w-4" }, P = {
+}, F = { class: "flex items-center justify-center h-4 w-4" }, M = {
   key: 1,
   class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
 }, K = /* @__PURE__ */ V({
   __name: "AddressBarServer",
-  setup($) {
-    const { activeRequest: y, activeCollection: h, activeServer: x } = R(), { isReadOnly: D, servers: k, collectionMutators: N, events: B } = T(), c = u(
+  setup(P) {
+    const { activeRequest: y, activeCollection: k, activeServer: x } = R(), { isReadOnly: D, servers: _, collectionMutators: N, events: B } = T(), c = u(
       () => {
         var t, e;
         return (e = (t = y.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = k[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = _[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
     ), d = u(
       () => {
         var t, e;
-        return (e = (t = h.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+        return (e = (t = k.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = k[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = _[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
-    ), _ = u(
+    ), h = u(
       () => {
         var t, e;
         return ((t = c.value) == null ? void 0 : t.length) && ((e = d.value) == null ? void 0 : e.length);
       }
     );
-    E([h, y], ([t, e]) => {
+    E([k, y], ([t, e]) => {
       !t || t.selectedServerUid || e != null && e.selectedServerUid || N.edit(
         t.uid,
         "selectedServerUid",
@@ -64,13 +64,13 @@ const j = {
         teleport: ".scalar-client"
       }, {
         items: w(() => [
-          _.value ? (l(), o("div", F, " Request Servers ")) : v("", !0),
+          h.value ? (l(), o("div", z, " Request Servers ")) : v("", !0),
           (l(!0), o(m, null, g(c.value, (i) => (l(), S(C, {
             key: i.id,
             serverOption: i,
             type: "request"
           }, null, 8, ["serverOption"]))), 128)),
-          _.value ? (l(), o(m, { key: 1 }, [
+          h.value ? (l(), o(m, { key: 1 }, [
             p(n(A)),
             e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
           ], 64)) : v("", !0),
@@ -87,10 +87,10 @@ const j = {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: U
                 }, [
-                  a("div", M, [
+                  a("div", F, [
                     p(n(L), {
-                      class: "h-2.5",
-                      icon: "Add"
+                      icon: "Add",
+                      size: "sm"
                     })
                   ]),
                   e[2] || (e[2] = a("span", null, "Add Server", -1))
@@ -107,7 +107,7 @@ const j = {
           ])
         ]),
         _: 1
-      })) : f.value ? (l(), o("div", P, b(f.value), 1)) : v("", !0);
+      })) : f.value ? (l(), o("div", M, b(f.value), 1)) : v("", !0);
     };
   }
 });

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

@@ -72,7 +72,7 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
                   s(a(I), {
                     class: "text-c-3",
                     icon: "ChevronDown",
-                    size: "xs"
+                    size: "md"
                   })
                 ])
               ]),

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;;;;;;;;AA2TF,wBAQG"}
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":"AA4MA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;;;;;;;AA4TF,wBAQG"}

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

@@ -1,7 +1,7 @@
-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 { defineComponent as P, ref as c, computed as x, openBlock as h, createBlock as C, 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";
+import { ScalarListbox as w, ScalarButton as D, ScalarIcon as k } from "@scalar/components";
 import { useToasts as $ } from "@scalar/use-toasts";
 import { useRouter as A } from "vue-router";
 import L from "./CommandActionForm.vue.js";
@@ -18,38 +18,38 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
     const r = S, b = _, { push: M } = A(), { toast: N } = $(), {
       activeCollection: R,
       activeWorkspace: U,
-      activeWorkspaceCollections: x,
+      activeWorkspaceCollections: g,
       activeRequest: T
-    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), v = g(
-      () => x.value.map((t) => {
+    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), p = x(
+      () => g.value.map((t) => {
         var e;
         return {
           id: t.uid,
           label: ((e = t.info) == null ? void 0 : e.title) ?? "Unititled Collection"
         };
       })
-    ), d = g(
-      () => x.value.flatMap(
+    ), d = x(
+      () => g.value.flatMap(
         (t) => {
           var e;
           return t.uid === ((e = l.value) == null ? void 0 : e.id) ? t.tags.flatMap((a) => {
-            const p = z[a];
-            return p ? [
+            const v = z[a];
+            return v ? [
               {
-                id: p.uid,
-                label: p.name
+                id: v.uid,
+                label: v.name
               }
             ] : [];
           }) : [];
         }
       )
     ), l = c(
-      r.metaData ? v.value.find(
+      r.metaData ? p.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);
         }
-      ) : v.value.find(
+      ) : p.value.find(
         (t) => {
           var e;
           return t.id === ((e = R.value) == null ? void 0 : e.uid);
@@ -90,7 +90,7 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         }
       }), b("close");
     };
-    return (t, e) => (C(), h(L, {
+    return (t, e) => (h(), C(L, {
       disabled: !o.value.trim(),
       onSubmit: E
     }, {
@@ -102,24 +102,24 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
             method: m.value,
             onChange: B
           }, null, 8, ["method"]),
-          i(n(D), {
+          i(n(w), {
             modelValue: l.value,
             "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
-            options: v.value
+            options: p.value
           }, {
             default: u(() => [
-              i(n(k), {
+              i(n(D), {
                 class: "justify-between p-2 ml-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
                 default: u(() => [
                   f("span", {
-                    class: q(l.value ? "text-c-1" : "text-c-3")
+                    class: q(["whitespace-nowrap", l.value ? "text-c-1" : "text-c-3"])
                   }, V(l.value ? l.value.label : "Select Collection"), 3),
-                  i(n(w), {
+                  i(n(k), {
                     class: "text-c-3",
                     icon: "ChevronDown",
-                    size: "xs"
+                    size: "md"
                   })
                 ]),
                 _: 1
@@ -127,14 +127,14 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          d.value.length ? (C(), h(n(D), {
+          d.value.length ? (h(), C(n(w), {
             key: 0,
             modelValue: s.value,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.value = a),
             options: d.value
           }, {
             default: u(() => [
-              i(n(k), {
+              i(n(D), {
                 class: "justify-between p-2 ml-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
@@ -142,10 +142,10 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
                   f("span", {
                     class: q(s.value ? "text-c-1" : "text-c-3")
                   }, V(s.value ? s.value.label : "Select Tag"), 3),
-                  i(n(w), {
+                  i(n(k), {
                     class: "text-c-3",
                     icon: "ChevronDown",
-                    size: "xs"
+                    size: "md"
                   })
                 ]),
                 _: 1

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

@@ -55,7 +55,7 @@ const q = /* @__PURE__ */ w({
           default: a(() => [
             n.value.length > 0 ? (s(), u(i(p), {
               key: 0,
-              class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+              class: "justify-between p-2 max-h-8 w-fit gap-1 text-xs hover:bg-b-2",
               variant: "outlined"
             }, {
               default: a(() => [
@@ -65,7 +65,7 @@ const q = /* @__PURE__ */ w({
                 c(i(L), {
                   class: "text-c-3",
                   icon: "ChevronDown",
-                  size: "xs"
+                  size: "md"
                 })
               ]),
               _: 1

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

@@ -8,9 +8,9 @@ import { useWorkspace as P } from "../../store/store.js";
 const O = /* @__PURE__ */ g({
   __name: "CommandPaletteTag",
   emits: ["close", "back"],
-  setup(U, { emit: c }) {
-    const r = c, { activeWorkspaceCollections: d, activeCollection: p } = N(), { tagMutators: f } = P(), { toast: v } = y(), u = x(
-      () => d.value.map((o) => {
+  setup(U, { emit: d }) {
+    const r = d, { activeWorkspaceCollections: c, activeCollection: p } = N(), { tagMutators: f } = P(), { toast: v } = y(), u = x(
+      () => c.value.map((o) => {
         var e;
         return {
           id: o.uid,
@@ -49,7 +49,7 @@ const O = /* @__PURE__ */ g({
         }, {
           default: n(() => [
             i(s(B), {
-              class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+              class: "justify-between p-2 max-h-8 w-fit gap-1 text-xs hover:bg-b-2",
               variant: "outlined"
             }, {
               default: n(() => [
@@ -59,7 +59,7 @@ const O = /* @__PURE__ */ g({
                 i(s(D), {
                   class: "text-c-3",
                   icon: "ChevronDown",
-                  size: "xs"
+                  size: "md"
                 })
               ]),
               _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AA0DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAsH7B,wBASG"}
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AAwDA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAsH7B,wBASG"}

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

@@ -1,8 +1,7 @@
 import { defineComponent as s, openBlock as n, createBlock as i, withCtx as c, createElementVNode as o, normalizeClass as d, unref as a, createVNode as p } from "vue";
-import { ScalarIcon as u } from "@scalar/components";
-import { cva as m } from "cva";
+import { cva as u, ScalarIcon as m } from "@scalar/components";
 import f from "./DataTableCell.vue.js";
-const b = ["checked", "disabled"], x = /* @__PURE__ */ s({
+const b = ["checked", "disabled"], y = /* @__PURE__ */ s({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -11,7 +10,7 @@ const b = ["checked", "disabled"], x = /* @__PURE__ */ s({
   },
   emits: ["update:modelValue"],
   setup(h) {
-    const l = m({
+    const l = u({
       base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-2 pointer-events-none absolute",
       variants: {
         align: {
@@ -33,7 +32,7 @@ const b = ["checked", "disabled"], x = /* @__PURE__ */ s({
           class: d(a(l)({ align: e.align }))
         }, [
           t[1] || (t[1] = o("div", { class: "absolute opacity-0 group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100 group-has-[:focus-visible]/cell:border-c-accent border-[1px] rounded size-3/4 m-auto" }, null, -1)),
-          p(a(u), {
+          p(a(m), {
             icon: "Checkmark",
             size: "xs",
             thickness: "2.5"
@@ -45,5 +44,5 @@ const b = ["checked", "disabled"], x = /* @__PURE__ */ s({
   }
 });
 export {
-  x as default
+  y as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAC;;;;;;uBADoB,OAAO;;AAoR/B,wBASG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAC;;;;;;uBADoB,OAAO;;AAmR/B,wBASG"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as h, ref as p, watch as w, nextTick as N, openBlock as n, createElementBlock as i, withDirectives as T, withKeys as j, vModelText as I, createBlock as k, unref as a, withCtx as d, Fragment as y, renderList as E, createElementVNode as c, normalizeClass as K, createVNode as o, createTextVNode as R, toDisplayString as C, createCommentVNode as $ } from "vue";
+import { defineComponent as A, computed as w, ref as p, watch as h, nextTick as N, openBlock as n, createElementBlock as i, withDirectives as T, withKeys as j, vModelText as I, createBlock as k, unref as a, withCtx as d, Fragment as y, renderList as E, createElementVNode as c, normalizeClass as K, createVNode as o, createTextVNode as R, toDisplayString as C, createCommentVNode as $ } from "vue";
 import { ScalarDropdown as F, ScalarDropdownItem as g, ScalarIcon as f, ScalarDropdownDivider as L, ScalarButton as M } from "@scalar/components";
 const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex items-center justify-center h-4 w-4" }, O = /* @__PURE__ */ A({
   __name: "DataTableInputSelect",
@@ -10,8 +10,8 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
   },
   emits: ["update:modelValue"],
   setup(S, { emit: _ }) {
-    const s = S, m = _, D = h(() => s.value ?? []), r = p(!1), u = p(""), v = p(null);
-    w(u, (e) => {
+    const s = S, m = _, D = w(() => s.value ?? []), r = p(!1), u = p(""), v = p(null);
+    h(u, (e) => {
       m("update:modelValue", e);
     });
     const V = (e) => {
@@ -21,13 +21,13 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
     }, b = () => {
       u.value.trim() || (m("update:modelValue", ""), r.value = !1);
     }, z = (e) => s.modelValue.toString() === e;
-    w(r, (e) => {
+    h(r, (e) => {
       e && N(() => {
         var t;
         (t = v.value) == null || t.focus();
       });
     });
-    const x = h(() => s.modelValue !== void 0 ? s.modelValue : s.default);
+    const x = w(() => s.modelValue !== void 0 ? s.modelValue : s.default);
     return (e, t) => (n(), i("div", U, [
       r.value ? T((n(), i("input", {
         key: 0,
@@ -79,8 +79,8 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
               default: d(() => [
                 c("div", q, [
                   o(a(f), {
-                    class: "h-2.5",
-                    icon: "Add"
+                    icon: "Add",
+                    size: "sm"
                   })
                 ]),
                 t[2] || (t[2] = c("span", null, "Add value", -1))
@@ -99,7 +99,7 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
               c("span", W, C(x.value || "Select a value"), 1),
               o(a(f), {
                 icon: "ChevronDown",
-                size: "xs"
+                size: "md"
               })
             ]),
             _: 1

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":";AAuXA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAqXA,wBAMG"}

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

@@ -1,4 +1,4 @@
-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 { 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 c, toDisplayString as x, createElementVNode as l, 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";
@@ -30,7 +30,7 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
               n(e(z), {
                 selected: e(i).activeEnvironmentId === t.uid
               }, null, 8, ["selected"]),
-              l(" " + x(t.name), 1)
+              c(" " + x(t.name), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -39,7 +39,7 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             onClick: o[0] || (o[0] = w((t) => p(""), ["stop"]))
           }, {
             default: r(() => [
-              c("div", {
+              l("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"
@@ -51,7 +51,7 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
                   thickness: "3.5"
                 })
               ], 2),
-              o[1] || (o[1] = l(" No Environment "))
+              o[1] || (o[1] = c(" No Environment "))
             ]),
             _: 1
           }),
@@ -62,13 +62,13 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             onClick: C
           }, {
             default: r(() => [
-              c("div", R, [
+              l("div", R, [
                 n(e(d), {
                   icon: "Brackets",
                   size: "sm"
                 })
               ]),
-              o[2] || (o[2] = c("span", { class: "leading-none" }, "Manage Environments", -1))
+              o[2] || (o[2] = l("span", { class: "leading-none" }, "Manage Environments", -1))
             ]),
             _: 1
           }))
@@ -82,12 +82,11 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             default: r(() => {
               var t;
               return [
-                c("h2", O, [
-                  l(x(((t = e(h)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
+                l("h2", O, [
+                  c(x(((t = e(h)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
                   n(e(d), {
-                    class: "size-3",
                     icon: "ChevronDown",
-                    thickness: "3"
+                    size: "md"
                   })
                 ])
               ];

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

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":"AAkGA,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;;;;;cAHW,OAAO;gBAEL,OAAO;;AAwIxB,wBAQG"}
+{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;;;;;cAHW,OAAO;gBAEL,OAAO;;AAwIxB,wBAQG"}

package/dist/components/HttpMethod/HttpMethod.vue.js

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

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -1,8 +1,7 @@
 import { defineComponent as g, computed as a, openBlock as c, createBlock as y, unref as t, withCtx as q, createElementVNode as s, normalizeClass as l, toDisplayString as p, createElementBlock as w } from "vue";
-import { ScalarListbox as x } from "@scalar/components";
-import { getHttpMethodInfo as m, REQUEST_METHODS as k } from "@scalar/oas-utils/helpers";
-import { cva as B, cx as f } from "cva";
-const L = /* @__PURE__ */ g({
+import { cva as k, ScalarListbox as x, cx as m } from "@scalar/components";
+import { getHttpMethodInfo as f, REQUEST_METHODS as B } from "@scalar/oas-utils/helpers";
+const H = /* @__PURE__ */ g({
   __name: "HttpMethod",
   props: {
     isSquare: { type: Boolean, default: !1 },
@@ -11,14 +10,14 @@ const L = /* @__PURE__ */ g({
   },
   emits: ["change"],
   setup(b, { emit: h }) {
-    const r = b, v = h, o = a(() => m(r.method)), i = Object.entries(k).map(([e]) => ({
+    const r = b, v = h, o = a(() => f(r.method)), n = Object.entries(B).map(([e]) => ({
       id: e,
       label: e.charAt(0) + e.toLowerCase().slice(1),
-      color: m(e).color
-    })), n = a({
-      get: () => i.find(({ id: e }) => e === r.method),
+      color: f(e).color
+    })), i = a({
+      get: () => n.find(({ id: e }) => e === r.method),
       set: (e) => (e == null ? void 0 : e.id) && v("change", e.id)
-    }), d = B({
+    }), d = k({
       base: "text-center font-code text-3xs justify-center items-center flex",
       variants: {
         isSquare: {
@@ -26,24 +25,24 @@ const L = /* @__PURE__ */ g({
           false: "rounded-full"
         },
         isEditable: {
-          true: "px-0 http-bg-gradient rounded-md border-1/2 border-r-1/2",
-          false: "cusor-pointer"
+          true: "http-bg-gradient rounded-md border-1/2 border-r-1/2",
+          false: "cursor-auto"
         }
       }
     }), E = a(() => o.value.short);
     return (e, u) => e.isEditable ? (c(), y(t(x), {
       key: 0,
-      modelValue: n.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (S) => n.value = S),
+      modelValue: i.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (S) => i.value = S),
       class: "mt-1 font-code text-sm uppercase",
-      options: t(i)
+      options: t(n)
     }, {
       default: q(() => [
         s("div", {
           class: l(["h-full", { "pointer-events-none": !e.isEditable }])
         }, [
           s("button", {
-            class: l(["relative h-full", t(f)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+            class: l(["relative h-full", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
             type: "button"
           }, [
             s("span", null, p(E.value), 1)
@@ -53,11 +52,11 @@ const L = /* @__PURE__ */ g({
       _: 1
     }, 8, ["modelValue", "options"])) : (c(), w("div", {
       key: 1,
-      class: l(["relative gap-1 whitespace-nowrap", t(f)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+      class: l(["relative gap-1 whitespace-nowrap", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
       type: "button"
     }, p(o.value.short), 3));
   }
 });
 export {
-  L as default
+  H as default
 };

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AAyXA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AAqbF,wBAQG"}
+{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AA2XA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AAybF,wBAQG"}