@scalar/api-client 2.2.3 → 2.2.6

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @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
+
+- 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

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/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":"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,14 +1,14 @@
-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 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";
 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: {}
@@ -20,7 +20,7 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
       activeWorkspace: U,
       activeWorkspaceCollections: g,
       activeRequest: T
-    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), d = c("get"), p = x(
+    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), p = x(
       () => g.value.map((t) => {
         var e;
         return {
@@ -28,7 +28,7 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
           label: ((e = t.info) == null ? void 0 : e.title) ?? "Unititled Collection"
         };
       })
-    ), m = x(
+    ), d = x(
       () => g.value.flatMap(
         (t) => {
           var e;
@@ -56,25 +56,25 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
         }
       )
     ), 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,
@@ -90,7 +90,7 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
         }
       }), b("close");
     };
-    return (t, e) => (C(), h(L, {
+    return (t, e) => (h(), C(L, {
       disabled: !o.value.trim(),
       onSubmit: E
     }, {
@@ -99,27 +99,27 @@ 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), {
+          i(n(w), {
             modelValue: l.value,
             "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
             options: p.value
           }, {
             default: u(() => [
-              i(n(k), {
-                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+              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,25 +127,25 @@ const J = { class: "flex gap-2" }, se = /* @__PURE__ */ P({
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          m.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: 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",
+              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(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":";AA0YA,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,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 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";
+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"]),
+              c(" " + 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([
+              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"
                 ])
               }, [
-                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] = c(" 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), {
+              l("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] = l("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,12 +82,11 @@ 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), {
-                    class: "size-3",
+                l("h2", O, [
+                  c(x(((t = e(h)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
+                  n(e(d), {
                     icon: "ChevronDown",
-                    thickness: "3"
+                    size: "md"
                   })
                 ])
               ];
@@ -110,5 +100,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/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"}