@scalar/api-client 2.2.4 → 2.2.7

package/CHANGELOG.md

@@ -1,5 +1,67 @@
 # @scalar/api-client
 
+## 2.2.7
+
+### Patch Changes
+
+- a90d827: feat(components): create ScalarTeleport component
+- d0adebf: fix: updates tailwind config content
+- c2be791: fix: watches text input to fuse search
+- 3b4a788: fix: updates default row for request body
+- f4440f5: feat: added logo functionality to the importer
+- 4c5be96: feat: adds isHttpMethod to helpers
+- Updated dependencies [a90d827]
+- Updated dependencies [3b4a788]
+- Updated dependencies [4c5be96]
+- Updated dependencies [4c5be96]
+  - @scalar/components@0.13.2
+  - @scalar/oas-utils@0.2.85
+  - @scalar/use-codemirror@0.11.46
+  - @scalar/import@0.2.3
+
+## 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/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-4d3290fc"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-455b0236"]]);
 export {
-  d as default
+  m as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -95,7 +95,7 @@ const te = {
                   isEditable: !a(c),
                   isSquare: "",
                   method: a(l).method,
-                  teleport: ".scalar-client",
+                  teleport: "",
                   onChange: V
                 }, null, 8, ["isEditable", "method"])
               ]),

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

@@ -1,4 +1,4 @@
-import { defineComponent as V, computed as u, watch as E, openBlock as l, createBlock as S, unref as n, withCtx as w, createElementBlock as o, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as a, createTextVNode as O, toDisplayString as b } from "vue";
+import { defineComponent as V, computed as c, watch as E, openBlock as l, createBlock as S, unref as o, withCtx as w, createElementBlock as n, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as a, createTextVNode as O, toDisplayString as b } from "vue";
 import { useActiveEntities as R } from "../../store/active-entities.js";
 import { ScalarDropdown as W, ScalarDropdownDivider as A, ScalarDropdownItem as I, ScalarIcon as L } from "@scalar/components";
 import C from "./AddressBarServerItem.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(), d = c(
       () => {
         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(
+    ), u = c(
       () => {
         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 = c(
       () => {
         var t, e;
-        return ((t = c.value) == null ? void 0 : t.length) && ((e = d.value) == null ? void 0 : e.length);
+        return ((t = d.value) == null ? void 0 : t.length) && ((e = u.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",
@@ -52,45 +52,45 @@ const j = {
     });
     const U = () => B.commandPalette.emit({
       commandName: "Add Server"
-    }), f = u(() => {
+    }), f = c(() => {
       var t, e, r;
       return (e = (t = x.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? x.value.url.slice(0, -1) : ((r = x.value) == null ? void 0 : r.url) || "";
     });
     return (t, e) => {
       var r, s;
-      return c.value && ((r = c.value) == null ? void 0 : r.length) > 1 || d.value && ((s = d.value) == null ? void 0 : s.length) > 1 ? (l(), S(n(W), {
+      return d.value && ((r = d.value) == null ? void 0 : r.length) > 1 || u.value && ((s = u.value) == null ? void 0 : s.length) > 1 ? (l(), S(o(W), {
         key: 0,
         class: "w-max",
-        teleport: ".scalar-client"
+        teleport: ""
       }, {
         items: w(() => [
-          _.value ? (l(), o("div", F, " Request Servers ")) : v("", !0),
-          (l(!0), o(m, null, g(c.value, (i) => (l(), S(C, {
+          h.value ? (l(), n("div", z, " Request Servers ")) : v("", !0),
+          (l(!0), n(m, null, g(d.value, (i) => (l(), S(C, {
             key: i.id,
             serverOption: i,
             type: "request"
           }, null, 8, ["serverOption"]))), 128)),
-          _.value ? (l(), o(m, { key: 1 }, [
-            p(n(A)),
+          h.value ? (l(), n(m, { key: 1 }, [
+            p(o(A)),
             e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
           ], 64)) : v("", !0),
-          (l(!0), o(m, null, g(d.value, (i) => (l(), S(C, {
+          (l(!0), n(m, null, g(u.value, (i) => (l(), S(C, {
             key: i.id,
             serverOption: i,
             type: "collection"
           }, null, 8, ["serverOption"]))), 128)),
-          n(D) ? v("", !0) : (l(), o(m, { key: 2 }, [
-            p(n(A)),
-            p(n(I), null, {
+          o(D) ? v("", !0) : (l(), n(m, { key: 2 }, [
+            p(o(A)),
+            p(o(I), null, {
               default: w(() => [
                 a("div", {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: U
                 }, [
-                  a("div", M, [
-                    p(n(L), {
-                      class: "h-2.5",
-                      icon: "Add"
+                  a("div", F, [
+                    p(o(L), {
+                      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(), n("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,55 +1,55 @@
-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";
-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 { defineComponent as W, 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 j, createTextVNode as H } from "vue";
+import I from "../HttpMethod/HttpMethod.vue.js";
+import { useActiveEntities as P } from "../../store/active-entities.js";
+import { ScalarListbox as w, ScalarButton as D, ScalarIcon as k } from "@scalar/components";
+import { isHttpMethod as $ } from "@scalar/oas-utils/helpers";
+import { useToasts as A } from "@scalar/use-toasts";
+import { useRouter as L } from "vue-router";
+import O from "./CommandActionForm.vue.js";
+import F from "./CommandActionInput.vue.js";
 import { useWorkspace as G } from "../../store/store.js";
-const J = { class: "flex" }, se = /* @__PURE__ */ P({
+const J = { class: "flex" }, se = /* @__PURE__ */ W({
   __name: "CommandPaletteRequest",
   props: {
     metaData: {}
   },
   emits: ["close", "back"],
   setup(S, { emit: _ }) {
-    const r = S, b = _, { push: M } = A(), { toast: N } = $(), {
+    const r = S, b = _, { push: M } = L(), { toast: N } = A(), {
       activeCollection: R,
       activeWorkspace: U,
-      activeWorkspaceCollections: x,
-      activeRequest: T
-    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), v = g(
-      () => x.value.map((t) => {
+      activeWorkspaceCollections: g,
+      activeRequest: y
+    } = P(), { requestMutators: T, 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);
@@ -61,7 +61,7 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid);
       }) : d.value.find((t) => {
         var e, a;
-        return t.label === ((a = (e = T.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
+        return t.label === ((a = (e = y.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
       })
     ), B = (t) => m.value = t, E = () => {
       var e;
@@ -69,9 +69,9 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         N("Please enter a name before creating a request.", "error");
         return;
       }
-      if (!((e = l.value) != null && e.id) || !F(m.value))
+      if (!((e = l.value) != null && e.id) || !$(m.value))
         return;
-      const t = y.add(
+      const t = T.add(
         {
           path: "",
           method: m.value,
@@ -90,36 +90,36 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         }
       }), b("close");
     };
-    return (t, e) => (C(), h(L, {
+    return (t, e) => (h(), C(O, {
       disabled: !o.value.trim(),
       onSubmit: E
     }, {
       options: u(() => [
         f("div", J, [
-          i(H, {
+          i(I, {
             isEditable: !0,
             isSquare: "",
             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,24 +142,24 @@ 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
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : W("", !0)
+          }, 8, ["modelValue", "options"])) : j("", !0)
         ])
       ]),
       submit: u(() => e[4] || (e[4] = [
-        j("Create Request")
+        H("Create Request")
       ])),
       default: u(() => [
-        i(O, {
+        i(F, {
           modelValue: o.value,
           "onUpdate:modelValue": e[0] || (e[0] = (a) => o.value = a),
           label: "Request Name",

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"
                   })
                 ])
               ];