@scalar/api-client 2.0.21 → 2.0.24

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @scalar/api-client
 
+## 2.0.24
+
+### Patch Changes
+
+- 7076725: feat(components): add outline icons
+- 1e72b03: fix(components): polish history icon
+- cbe984b: fix: adjust command palette icon thickness
+- Updated dependencies [7076725]
+- Updated dependencies [1e72b03]
+- Updated dependencies [dd2a42e]
+  - @scalar/components@0.12.15
+
+## 2.0.23
+
+### Patch Changes
+
+- 3928ac3: feat: add routing portion for multiple workspaces
+- Updated dependencies [96e7106]
+  - @scalar/themes@0.9.14
+  - @scalar/components@0.12.14
+  - @scalar/oas-utils@0.2.14
+
+## 2.0.22
+
+### Patch Changes
+
+- 45b956f: fix: only add body data if body data is not null
+
 ## 2.0.21
 
 ### Patch Changes

package/README.md

@@ -57,31 +57,28 @@ await createApiClientApp(document.getElementById('scalar-client'), {
 Or you can mount a more compact version, which is living in a modal:
 
 ```ts
-import { createApiClientModal } from '@scalar/api-client'
-
-const targetElement = document.getElementById('root')
+// main.js
+import { createApiClientApp } from '@/App'
 
 // Initialize
-const { open } = await createApiClientModal(targetElement, {
-  spec: {
-    // Load a spec from URL
-    url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
-    // OR the spec directly
-    content: {
-      ...
-    }
+const { open } = await createApiClientApp(
+  document.getElementById('scalar-client'),
+  {
+    spec: {
+      url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
+    },
+    proxyUrl: 'https://proxy.scalar.com',
   },
-  proxyUrl: 'https://proxy.scalar.com',
-})
+)
 
 // Open the API client right-away
 open()
 
 // Or: Open a specific operation
-open({
-  method: 'GET',
-  path: '/me',
-})
+// open({
+//   method: 'GET',
+//   path: '/me',
+// })
 ```
 
 ## Configuration

package/dist/Modal/api-client-modal.js

@@ -1,10 +1,10 @@
-import { modalRouter as A } from "../router.js";
+import { modalRouter as k } from "../router.js";
 import { useWorkspace as O } from "../store/workspace.js";
 import { objectMerge as R } from "@scalar/oas-utils/helpers";
 import { getNestedValue as j } from "@scalar/object-utils/nested";
 import { createApp as C } from "vue";
 import q from "./ApiClientModal.vue.js";
-const L = async (b, r, k = !0) => {
+const L = async (A, r, b = !0) => {
   var h, w, v;
   const {
     activeCollection: n,
@@ -25,8 +25,8 @@ const L = async (b, r, k = !0) => {
     "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client-modal"
   );
   const u = C(q, { modalState: p });
-  u.use(A);
-  const f = (e = b) => {
+  u.use(k);
+  const f = (e = A) => {
     if (!e) {
       console.error(
         "[@scalar/api-client-modal] Could not create the API client.",
@@ -37,7 +37,7 @@ const L = async (b, r, k = !0) => {
     }
     u.mount(e);
   };
-  return a.value && (k && f(), d.edit(a.value.uid, "isReadOnly", !0), r.proxyUrl && d.edit(
+  return a.value && (b && f(), d.edit(a.value.uid, "isReadOnly", !0), r.proxyUrl && d.edit(
     a.value.uid,
     "proxyUrl",
     r.proxyUrl
@@ -113,7 +113,7 @@ const L = async (b, r, k = !0) => {
           !0
         )
       );
-      s && A.push(`/request/${s.uid}`), p.open = !0;
+      s && k.push(`/workspace/default/request/${s.uid}`), p.open = !0;
     },
     /** Mount the references to a given element */
     mount: f,

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

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

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-1d480492"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-02983c4d"]]);
 export {
   d as default
 };

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

@@ -9,7 +9,7 @@ import G from "../HttpMethod/HttpMethod.vue.js";
 import J from "./AddressBarHistory.vue.js";
 import X from "./AddressBarServer.vue.js";
 import { executeRequestBus as m } from "../../libs/eventBusses/executeRequestBus.js";
-const v = (d) => (K("data-v-1d480492"), d = d(), O(), d), Y = {
+const v = (d) => (K("data-v-02983c4d"), d = d(), O(), d), Y = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
 }, Z = { class: "m-auto flex basis-1/2 flex-row items-center" }, ee = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, te = { class: "flex gap-1" }, oe = { class: "scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, le = /* @__PURE__ */ v(() => /* @__PURE__ */ l("div", { class: "fade-left" }, null, -1)), ne = ["contenteditable"], se = /* @__PURE__ */ v(() => /* @__PURE__ */ l("div", { class: "fade-right" }, null, -1)), ae = /* @__PURE__ */ v(() => /* @__PURE__ */ l("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), _e = /* @__PURE__ */ I({
@@ -115,7 +115,7 @@ const v = (d) => (K("data-v-1d480492"), d = d(), O(), d), Y = {
               }, {
                 default: S(() => [
                   r(o(P), {
-                    class: "relative z-10 shrink-0",
+                    class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA6HQ,OAAO;;UAAP,OAAO;;AAqPf,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA8HQ,OAAO;;UAAP,OAAO;;AAqPf,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as U, openBlock as n, createElementBlock as f, Fragment as d, unref as t, createBlock as i, withCtx as m, createVNode as x, createCommentVNode as b, createElementVNode as o, normalizeClass as g, renderList as k, toDisplayString as c } from "vue";
+import { defineComponent as q, openBlock as n, createElementBlock as f, Fragment as d, unref as t, createBlock as i, withCtx as m, createVNode as x, createCommentVNode as b, createElementVNode as o, normalizeClass as h, renderList as U, toDisplayString as c } from "vue";
 import { formatMs as w } from "../../libs/formatters.js";
 import { useWorkspace as y } from "../../store/workspace.js";
 import { ListboxButton as C, ListboxOptions as L, ListboxOption as R } from "@headlessui/vue";
@@ -7,20 +7,20 @@ import { httpStatusCodes as S } from "@scalar/oas-utils/helpers";
 import { useRouter as H } from "vue-router";
 import P from "../HttpMethod/HttpMethod.vue.js";
 import { getStatusCodeColor as z } from "./httpStatusCodeColors.js";
-const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = { class: "text-c-2 gap-0" }, V = { class: "font-code text-c-3 flex flex-row items-center gap-1.5 text-sm font-medium" }, Q = /* @__PURE__ */ U({
+const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = { class: "text-c-2 gap-0" }, V = { class: "font-code text-c-3 flex flex-row items-center gap-1.5 text-sm font-medium" }, Q = /* @__PURE__ */ q({
   __name: "AddressBarHistory",
   props: {
     open: { type: Boolean }
   },
   setup($) {
-    const { requestsHistory: u, activeRequest: h, requestExampleMutators: _ } = y(), v = H();
+    const { requestsHistory: u, activeRequest: g, requestExampleMutators: _ } = y(), v = H();
     function p(a, r) {
       const e = new URL(a.responseURL), s = new URLSearchParams(e.search).get("scalar_url");
       return s ? new URL(s)[r].toString() : e.origin;
     }
-    function q(a) {
+    function k(a) {
       const r = u.value[a];
-      h.value.uid !== r.request.requestUid && v.push(`/request/${r.request.requestUid}`), _.set(r.request);
+      g.value.uid !== r.request.requestUid && v.push(`/request/${r.request.requestUid}`), _.set(r.request);
     }
     return (a, r) => (n(), f(d, null, [
       t(u).length ? (n(), i(t(C), {
@@ -31,24 +31,25 @@ const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = {
           x(t(B), {
             class: "text-c-3",
             icon: "History",
-            size: "xs"
+            size: "sm",
+            thickness: "2.25"
           })
         ]),
         _: 1
       })) : b("", !0),
       o("div", {
-        class: g([
+        class: h([
           "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
           { "before:shadow-lg": a.open }
         ])
       }, [
         x(t(L), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur" }, {
           default: m(() => [
-            (n(!0), f(d, null, k(t(u), ({ response: e }, l) => (n(), i(t(R), {
+            (n(!0), f(d, null, U(t(u), ({ response: e }, l) => (n(), i(t(R), {
               key: l,
               class: "ui-active:bg-b-2 text-c-1 ui-active:text-c-1 flex cursor-pointer flex-row gap-2.5 rounded py-1.5 pr-3",
               value: l,
-              onClick: (s) => q(l)
+              onClick: (s) => k(l)
             }, {
               default: m(() => {
                 var s;
@@ -64,7 +65,7 @@ const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = {
                   o("div", V, [
                     o("span", null, c(t(w)(e.duration)), 1),
                     o("span", {
-                      class: g([t(z)(e.status).color])
+                      class: h([t(z)(e.status).color])
                     }, c(e.status), 3),
                     o("span", null, c((s = t(S)[e.status]) == null ? void 0 : s.name), 1)
                   ])

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":";AA6YA,wBAKG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA0ZA,wBAKG"}

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

@@ -1,13 +1,19 @@
-import { defineComponent as D, computed as h, resolveComponent as U, unref as s, openBlock as p, createBlock as k, withCtx as a, createElementBlock as S, Fragment as A, renderList as L, createElementVNode as d, normalizeClass as N, createVNode as i, toDisplayString as v, withModifiers as R, createCommentVNode as V } from "vue";
-import { useWorkspace as j } from "../../store/workspace.js";
-import { ScalarDropdown as E, ScalarDropdownItem as g, ScalarIcon as C, ScalarDropdownDivider as I } from "@scalar/components";
-const M = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, O = { class: "flex items-center justify-center h-4 w-4" }, F = /* @__PURE__ */ d("span", null, "Add Server", -1), W = {
+import { defineComponent as U, computed as h, resolveComponent as A, unref as s, openBlock as p, createBlock as k, withCtx as a, createElementBlock as S, Fragment as L, renderList as N, createElementVNode as d, normalizeClass as R, createVNode as i, toDisplayString as m, withModifiers as V, createCommentVNode as j } from "vue";
+import { useWorkspace as E } from "../../store/workspace.js";
+import { ScalarDropdown as I, ScalarDropdownItem as g, ScalarIcon as C, ScalarDropdownDivider as M } from "@scalar/components";
+const O = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, W = { class: "flex items-center justify-center h-4 w-4" }, $ = /* @__PURE__ */ d("span", null, "Add Server", -1), F = {
   key: 1,
   class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
-}, J = /* @__PURE__ */ D({
+}, K = /* @__PURE__ */ U({
   __name: "AddressBarServer",
-  setup($) {
-    const { activeCollection: l, isReadOnly: y, servers: f, collectionMutators: b } = j(), u = h(
+  setup(q) {
+    const {
+      activeCollection: l,
+      activeWorkspace: y,
+      isReadOnly: b,
+      servers: f,
+      collectionMutators: z
+    } = E(), u = h(
       () => {
         var e, t;
         return (t = (e = l.value) == null ? void 0 : e.spec.serverUids) == null ? void 0 : t.map((n) => ({
@@ -15,16 +21,16 @@ const M = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, O = { cl
           label: f[n].url
         }));
       }
-    ), z = (e) => {
-      l.value && b.edit(
+    ), B = (e) => {
+      l.value && z.edit(
         l.value.uid,
         "selectedServerUid",
         e
       );
-    }, B = (e) => {
+    }, D = (e) => {
       var t;
       return ((t = l.value) == null ? void 0 : t.selectedServerUid) === e;
-    }, m = h(() => {
+    }, v = h(() => {
       var c;
       const e = f[((c = l.value) == null ? void 0 : c.selectedServerUid) ?? ""], t = e == null ? void 0 : e.url, n = /{\s*([\w.-]+)\s*}/g;
       return t == null ? void 0 : t.replace(n, (r, x) => {
@@ -35,8 +41,8 @@ const M = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, O = { cl
     });
     return (e, t) => {
       var c;
-      const n = U("RouterLink");
-      return u.value && u.value.length > 0 && !s(y) ? (p(), k(s(E), {
+      const n = A("RouterLink");
+      return u.value && u.value.length > 0 && !s(b) ? (p(), k(s(I), {
         key: 0,
         options: u.value,
         resize: "",
@@ -44,46 +50,47 @@ const M = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, O = { cl
         value: (c = s(l)) == null ? void 0 : c.selectedServerUid
       }, {
         items: a(() => [
-          (p(!0), S(A, null, L(u.value, (r) => (p(), k(s(g), {
+          (p(!0), S(L, null, N(u.value, (r) => (p(), k(s(g), {
             key: r.id,
             class: "flex !gap-1.5 group font-code text-xxs whitespace-nowrap text-ellipsis overflow-hidden",
             value: r.id,
-            onClick: (x) => z(r.id)
+            onClick: (x) => B(r.id)
           }, {
             default: a(() => [
               d("div", {
-                class: N([
+                class: R([
                   "flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border",
-                  B(r.id) ? "bg-blue text-b-1" : "text-transparent"
+                  D(r.id) ? "bg-blue text-b-1" : "text-transparent"
                 ])
               }, [
                 i(s(C), {
-                  class: "relative top-[0.5px] size-2.5 stroke-[1.75]",
-                  icon: "Checkmark"
+                  class: "relative top-[0.5px] size-2.5",
+                  icon: "Checkmark",
+                  thickness: "3.5"
                 })
               ], 2),
-              d("span", M, v(r.label), 1)
+              d("span", O, m(r.label), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
-          i(s(I)),
+          i(s(M)),
           i(s(g), null, {
             default: a(() => [
               i(n, {
                 class: "font-code text-xxs flex items-center gap-1.5",
-                to: "/servers"
+                to: `/workspace/${s(y).uid}/servers`
               }, {
                 default: a(() => [
-                  d("div", O, [
+                  d("div", W, [
                     i(s(C), {
                       class: "h-2.5",
                       icon: "Add"
                     })
                   ]),
-                  F
+                  $
                 ]),
                 _: 1
-              })
+              }, 8, ["to"])
             ]),
             _: 1
           })
@@ -92,15 +99,15 @@ const M = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, O = { cl
           d("button", {
             class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 text-c-2 z-[1]",
             type: "button",
-            onClick: t[0] || (t[0] = R(() => {
+            onClick: t[0] || (t[0] = V(() => {
             }, ["stop"]))
-          }, v(m.value), 1)
+          }, m(v.value), 1)
         ]),
         _: 1
-      }, 8, ["options", "value"])) : m.value ? (p(), S("div", W, v(m.value), 1)) : V("", !0);
+      }, 8, ["options", "value"])) : v.value ? (p(), S("div", F, m(v.value), 1)) : j("", !0);
     };
   }
 });
 export {
-  J as default
+  K as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPalette.vue"],"names":[],"mappings":"AA2TA,OAAO,EAAa,KAAK,UAAU,EAAc,MAAM,oBAAoB,CAAA;;WAclE,UAAU;;WAAV,UAAU;;AAmYnB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPalette.vue"],"names":[],"mappings":"AA4TA,OAAO,EAAa,KAAK,UAAU,EAAc,MAAM,oBAAoB,CAAA;;WAclE,UAAU;;WAAV,UAAU;;AAgYnB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,7 +1,7 @@
 import o from "./CommandPalette.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-158208c8"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5cb69a70"]]);
 export {
   e as default
 };

package/dist/components/CommandPalette/CommandPalette.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, ref as f, computed as B, openBlock as r, createElementBlock as s, Fragment as m, withDirectives as p, createElementVNode as a, vShow as A, createVNode as y, unref as g, vModelText as D, renderList as $, toDisplayString as E, normalizeClass as F, createTextVNode as N, createBlock as q, resolveDynamicComponent as M } from "vue";
+import { defineComponent as I, ref as f, computed as B, openBlock as r, createElementBlock as s, Fragment as m, withDirectives as p, createElementVNode as a, vShow as A, createVNode as y, unref as g, vModelText as D, renderList as $, toDisplayString as E, normalizeClass as F, createTextVNode as q, createBlock as M, resolveDynamicComponent as N } from "vue";
 import { ScalarIcon as L } from "@scalar/components";
 import { useMagicKeys as P, whenever as C } from "@vueuse/core";
 import { useRouter as T } from "vue-router";
@@ -13,13 +13,13 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
     state: {}
   },
   setup(V) {
-    const i = V, b = T(), z = {
+    const i = V, h = T(), z = {
       "Import Collection": K,
       "Create Request": Q,
       "Add Folder": H,
       "Create Collection": U,
       "Add Example": G
-    }, h = [
+    }, b = [
       {
         label: "Add to Request Sidebar",
         commands: [
@@ -51,22 +51,22 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
           {
             name: "Add Server",
             icon: "Brackets",
-            overloadAction: () => b.push("/servers")
+            overloadAction: () => h.push("/servers")
           },
           {
             name: "Add Environment",
             icon: "Server",
-            overloadAction: () => b.push("/environment")
+            overloadAction: () => h.push("/environment")
           },
           {
             name: "Add Cookie",
             icon: "Cookie",
-            overloadAction: () => b.push("/cookies")
+            overloadAction: () => h.push("/cookies")
           }
         ]
       }
     ], d = P(), c = f(""), u = f(""), t = f(0), w = f([]), k = B(
-      () => h.reduce((e, n) => {
+      () => b.reduce((e, n) => {
         const l = n.commands.filter(
           (v) => v.name.toLowerCase().includes(c.value.toLowerCase())
         );
@@ -112,19 +112,19 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
             onClick: n[2] || (n[2] = (l) => u.value = "")
           }, [
             y(g(L), {
-              class: "!stroke-1.5",
               icon: "ChevronLeft",
               size: "sm"
             })
           ]),
-          (r(), q(M(z[u.value]), { onClose: S }, null, 32))
+          (r(), M(N(z[u.value]), { onClose: S }, null, 32))
         ], 64)) : (r(), s(m, { key: 0 }, [
           a("div", j, [
             a("label", J, [
               y(g(L), {
-                class: "text-c-1 mr-2.5 !stroke-1.5",
-                icon: "SearchNew",
-                size: "sm"
+                class: "text-c-1 mr-2.5",
+                icon: "Search",
+                size: "sm",
+                thickness: "1.5"
               })
             ]),
             p(a("input", {
@@ -137,7 +137,7 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
               [D, c.value]
             ])
           ]),
-          (r(), s(m, null, $(h, (l, v) => (r(), s(m, {
+          (r(), s(m, null, $(b, (l, v) => (r(), s(m, {
             key: l.label
           }, [
             p(a("div", { class: "text-c-3 font-medium text-xs mt-2" }, E(l.label), 513), [
@@ -157,7 +157,7 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
                 x && (w.value[_] = x);
               },
               class: F(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                "bg-b-2": v > 0 ? t.value === _ + h[v - 1].commands.length : t.value === _
+                "bg-b-2": v > 0 ? t.value === _ + b[v - 1].commands.length : t.value === _
               }]),
               onClick: (x) => {
                 var R;
@@ -165,11 +165,12 @@ const W = { class: "commandmenu" }, j = { class: "bg-b-2 flex items-center round
               }
             }, [
               y(g(L), {
-                class: "text-c-1 mr-2.5 !stroke-1.5",
+                class: "text-c-1 mr-2.5",
                 icon: o.icon,
-                size: "md"
+                size: "md",
+                thickness: "1.5"
               }, null, 8, ["icon"]),
-              N(" " + E(o.name), 1)
+              q(" " + E(o.name), 1)
             ], 10, O))), 128))
           ], 64))), 64))
         ], 64))

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -1,20 +1,21 @@
-import { defineComponent as c, openBlock as l, createElementBlock as i, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as d } from "vue";
+import { defineComponent as c, openBlock as i, createElementBlock as l, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as d } from "vue";
 import m from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
-const h = /* @__PURE__ */ c({
+const b = /* @__PURE__ */ c({
   __name: "DarkModeIconToggle",
   setup(g) {
     const { toggleDarkMode: t, isDark: n } = f();
-    return (k, o) => (l(), i("button", {
+    return (k, o) => (i(), l("button", {
       class: "w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))
     }, [
       r(e(u), {
-        class: "block h-6 w-6 stroke-[1.5]",
-        icon: "LightDarkModeToggle"
+        class: "block h-6 w-6",
+        icon: "LightDarkModeToggle",
+        thickness: "1.5"
       }),
       r(m, null, {
         default: s(() => [
@@ -26,5 +27,5 @@ const h = /* @__PURE__ */ c({
   }
 });
 export {
-  h as default
+  b as default
 };

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":";gBAwCc,OAAO;eACR,OAAO;;;;gBADN,OAAO;eACR,OAAO;;;;AAqGpB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":";gBAyCc,OAAO;eACR,OAAO;;;;gBADN,OAAO;eACR,OAAO;;;;AAoGpB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,7 +1,7 @@
 import { defineComponent as a, openBlock as l, createBlock as s, withCtx as n, createElementVNode as t, createVNode as c, unref as d } from "vue";
 import { ScalarIcon as i } from "@scalar/components";
 import f from "./DataTableCell.vue.js";
-const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center justify-center centered text-border peer-checked:text-c-2 pointer-events-none absolute stroke-[1.2] before:absolute before:opacity-0 group-hover/cell:before:opacity-100 before:border before:rounded before:w-9/12 before:aspect-square before:top-1/2 before:left-1/2 before:transform before:-translate-x-1/2 before:-translate-y-1/2 before:border-[1px]" }, x = /* @__PURE__ */ a({
+const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center justify-center centered text-border peer-checked:text-c-2 pointer-events-none absolute before:absolute before:opacity-0 group-hover/cell:before:opacity-100 before:border before:rounded before:w-9/12 before:aspect-square before:top-1/2 before:left-1/2 before:transform before:-translate-x-1/2 before:-translate-y-1/2 before:border-[1px]" }, x = /* @__PURE__ */ a({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -22,7 +22,8 @@ const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center
         t("div", b, [
           c(d(i), {
             icon: "Checkmark",
-            size: "xs"
+            size: "xs",
+            thickness: "2.5"
           })
         ])
       ]),

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":";gBAyIc,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AA0TlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA0Ic,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AAyTlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}