@scalar/api-client 2.2.40 → 2.2.41

package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue.js

@@ -1,7 +1,7 @@
 import t from "./RequestExampleAuth.vue2.js";
 /* empty css                        */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6fa7db1d"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e78fca0c"]]);
 export {
   p as default
 };

package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, computed as F, ref as I, openBlock as a, createElementBlock as n, Fragment as i, renderList as x, createBlock as _, unref as f, normalizeClass as U, withCtx as o, createVNode as u, createTextVNode as y, toDisplayString as C, createCommentVNode as b, createElementVNode as $, capitalize as m } from "vue";
+import { defineComponent as K, computed as F, ref as I, openBlock as a, createElementBlock as n, Fragment as i, renderList as m, createBlock as _, unref as f, normalizeClass as U, withCtx as o, createVNode as u, createTextVNode as y, toDisplayString as C, createCommentVNode as b, createElementVNode as $, capitalize as x } from "vue";
 import N from "./OAuth2.vue.js";
 import v from "./RequestAuthDataTableInput.vue.js";
 import s from "../../../../components/DataTable/DataTableRow.vue.js";
@@ -14,7 +14,7 @@ const R = {
   __name: "RequestExampleAuth",
   props: {
     selectedSecuritySchemeUids: {},
-    layout: { default: "client" }
+    layout: {}
   },
   setup(g) {
     const { securitySchemes: S, securitySchemeMutators: c } = q(), w = F(
@@ -23,19 +23,21 @@ const R = {
       }))
     ), d = I(""), T = (t) => {
       if (t.type === "apiKey")
-        return `${m(t.nameKey)}: ${t.in}`;
+        return `${x(t.nameKey)}: ${t.in}`;
       if (t.type === "oauth2") {
         const l = Object.values(t.flows ?? {})[0];
-        return `${m(t.nameKey)}: ${d.value ? d.value : (l == null ? void 0 : l.type) ?? ""}`;
+        return `${x(t.nameKey)}: ${d.value ? d.value : (l == null ? void 0 : l.type) ?? ""}`;
       }
-      return t.type === "http" ? `${m(t.nameKey)}: ${t.scheme}` : `${m(t.nameKey)}: ${t.type}`;
+      return t.type === "http" ? `${x(t.nameKey)}: ${t.scheme}` : `${x(t.nameKey)}: ${t.type}`;
     }, V = (t, l, e) => c.edit(t, l, e);
-    return (t, l) => (a(!0), n(i, null, x(w.value, ({ scheme: e }, B) => (a(), n(i, {
+    return (t, l) => (a(!0), n(i, null, m(w.value, ({ scheme: e }, B) => (a(), n(i, {
       key: e == null ? void 0 : e.uid
     }, [
       w.value.length > 1 ? (a(), _(f(s), {
         key: 0,
-        class: U({ "request-example-references-header": t.layout === "reference" })
+        class: U({
+          "request-example-references-header": t.layout === "reference"
+        })
       }, {
         default: o(() => [
           u(f(j), {
@@ -142,7 +144,7 @@ const R = {
           default: o(() => [
             Object.keys(e.flows).length > 1 ? (a(), n("div", R, [
               $("div", z, [
-                (a(!0), n(i, null, x(e == null ? void 0 : e.flows, (r, p, k) => (a(), n("button", {
+                (a(!0), n(i, null, m(e == null ? void 0 : e.flows, (r, p, k) => (a(), n("button", {
                   key: p,
                   class: U(["floating-bg py-1 text-sm border-b-[1px] border-transparent relative cursor-pointer font-medium text-c-3", {
                     "!text-c-1 !border-current border-b-[1px] !rounded-none": t.layout !== "reference" && (d.value === p || k === 0 && !d.value),
@@ -158,13 +160,12 @@ const R = {
           ]),
           _: 2
         }, 1024),
-        (a(!0), n(i, null, x(e == null ? void 0 : e.flows, (r, p, k) => (a(), n(i, { key: p }, [
+        (a(!0), n(i, null, m(e == null ? void 0 : e.flows, (r, p, k) => (a(), n(i, { key: p }, [
           d.value === p || k === 0 && !d.value ? (a(), _(N, {
             key: 0,
             flow: r,
-            layout: t.layout,
             scheme: e
-          }, null, 8, ["flow", "layout", "scheme"])) : b("", !0)
+          }, null, 8, ["flow", "scheme"])) : b("", !0)
         ], 64))), 128))
       ], 64)) : (e == null ? void 0 : e.type) === "openIdConnect" ? (a(), n("div", P, " Coming soon ")) : b("", !0)
     ], 64))), 128));

package/dist/views/Request/RequestSection/RequestSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AA+MA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AA+RF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAgNA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AA+RF,wBAOG"}

package/dist/views/Request/RequestSection/RequestSection.vue.js

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

package/dist/views/Request/RequestSection/RequestSection.vue2.js

@@ -103,6 +103,7 @@ const j = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none
           return [
             g("div", T, [
               u(i(P, {
+                layout: "client",
                 selectedSecuritySchemeUids: t.selectedSecuritySchemeUids,
                 title: "Authentication"
               }, null, 8, ["selectedSecuritySchemeUids"]), [

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -17,7 +17,7 @@ const B = { class: "border-t relative col-1 flex-center gap-6 p-2 capitalize" },
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && g.name === "request" && f();
-    }, v = "2.2.40";
+    }, v = "2.2.41";
     return _(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (l(), n("div", B, [
       o("div", {
         class: k(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/dist/views/Servers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ServerForm } from './ServerForm.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Servers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/views/Servers/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ServerForm.vue.js";
+export {
+  o as ServerForm
+};

package/dist/views/Settings/SettingsGeneral.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AAu3BA,wBAMG"}
+{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AA44BA,wBAMG"}

package/dist/views/Settings/SettingsGeneral.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as L, openBlock as c, createElementBlock as U, createElementVNode as r, createVNode as a, withCtx as l, createTextVNode as i, unref as e, normalizeClass as p, createBlock as m, createCommentVNode as b, toDisplayString as j, Fragment as $, renderList as T, normalizeStyle as S } from "vue";
-import N from "../../components/ImportCollection/IntegrationLogo.vue.js";
-import { useActiveEntities as R } from "../../store/active-entities.js";
-import { ScalarButton as g, ScalarIcon as y } from "@scalar/components";
-import { themeLabels as B } from "@scalar/themes";
-import V from "./components/SettingsAppearance.vue.js";
+import { defineComponent as N, openBlock as u, createElementBlock as S, createElementVNode as r, createVNode as f, withCtx as n, createTextVNode as a, unref as e, normalizeClass as d, createBlock as x, createCommentVNode as m, toDisplayString as z, Fragment as T, renderList as B, normalizeStyle as $ } from "vue";
+import R from "../../components/ImportCollection/IntegrationLogo.vue.js";
+import { useActiveEntities as V } from "../../store/active-entities.js";
+import { cva as W, ScalarButton as g, cx as y, ScalarIcon as h } from "@scalar/components";
+import { themeLabels as A } from "@scalar/themes";
+import F from "./components/SettingsAppearance.vue.js";
 import _ from "./components/SettingsSection.vue.js";
-import { useWorkspace as W } from "../../store/store.js";
-const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py-5 max-w-[720px] ml-auto mr-auto w-full" }, P = { class: "flex flex-col gap-8" }, D = { class: "flex flex-col gap-2" }, G = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, q = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, H = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, M = { class: "flex flex-col gap-2" }, X = { class: "grid grid-cols-2 gap-2" }, Y = { class: "flex items-center gap-2" }, J = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, K = { class: "flex items-center gap-1" }, Q = { class: "grid grid-cols-2 gap-2" }, Z = { class: "flex items-center gap-2" }, I = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, ee = { class: "flex items-center gap-1" }, te = { class: "rounded-xl size-7" }, h = "https://proxy.scalar.com", fe = /* @__PURE__ */ L({
+import { useWorkspace as O } from "../../store/store.js";
+const P = { class: "bg-b-1 w-full h-full overflow-auto" }, D = { class: "px-5 py-5 max-w-[720px] ml-auto mr-auto w-full" }, G = { class: "flex flex-col gap-8" }, q = { class: "flex flex-col gap-2" }, H = { class: "flex flex-col gap-2" }, M = { class: "grid grid-cols-2 gap-2" }, X = { class: "flex items-center gap-2" }, Y = { class: "flex items-center gap-1" }, J = { class: "grid grid-cols-2 gap-2" }, K = { class: "flex items-center gap-2" }, Q = { class: "flex items-center gap-1" }, Z = { class: "rounded-xl size-7" }, v = "https://proxy.scalar.com", ie = /* @__PURE__ */ N({
   __name: "SettingsGeneral",
-  setup(re) {
-    const { activeWorkspace: o } = R(), { proxyUrl: x, workspaceMutators: v } = W(), A = [
+  setup(I) {
+    const { activeWorkspace: o } = V(), { proxyUrl: k, workspaceMutators: w } = O(), E = [
       "default",
       "alternate",
       // 'moon',
@@ -20,7 +20,7 @@ const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py
       "kepler"
       // 'mars',
       // 'deepSpace',
-    ], E = ["elysiajs", "fastify"], C = (w) => ({
+    ], L = ["elysiajs", "fastify"], U = (C) => ({
       default: { light: "#fff", dark: "#0f0f0f", accent: "#0099ff" },
       alternate: { light: "#f9f9f9", dark: "#131313", accent: "#e7e7e7" },
       moon: { light: "#ccc9b3", dark: "#313332", accent: "#645b0f" },
@@ -32,182 +32,217 @@ const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py
       mars: { light: "#f2efe8", dark: "#321116", accent: "#c75549" },
       deepSpace: { light: "#f4f4f5", dark: "#09090b", accent: "#8ab4f8" },
       none: { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }
-    })[w] || { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }, z = (w) => {
+    })[C] || { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }, j = (C) => {
       var t;
-      v.edit(((t = o.value) == null ? void 0 : t.uid) ?? "", "themeId", w);
-    };
-    return (w, t) => (c(), U("div", F, [
-      r("div", O, [
-        r("div", P, [
+      w.edit(((t = o.value) == null ? void 0 : t.uid) ?? "", "themeId", C);
+    }, b = W({
+      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+      variants: {
+        active: {
+          true: "bg-primary text-c-1 hover:bg-inherit",
+          false: "bg-b-1 hover:bg-b-2"
+        }
+      }
+    });
+    return (C, t) => (u(), S("div", P, [
+      r("div", D, [
+        r("div", G, [
           t[13] || (t[13] = r("div", null, [
             r("h2", { class: "font-bold text-xl mt-10" }, "Settings")
           ], -1)),
-          a(_, null, {
-            title: l(() => t[3] || (t[3] = [
-              i("CORS Proxy")
+          f(_, null, {
+            title: n(() => t[3] || (t[3] = [
+              a("CORS Proxy")
             ])),
-            description: l(() => t[4] || (t[4] = [
-              i(" Browsers block cross-origin requests for security. We provide a public proxy to "),
+            description: n(() => t[4] || (t[4] = [
+              a(" Browsers block cross-origin requests for security. We provide a public proxy to "),
               r("a", {
                 class: "hover:text-c-1 underline-offset-2",
                 href: "https://en.wikipedia.org/wiki/Cross-origin_resource_sharing",
                 target: "_blank"
               }, " bypass CORS issues ", -1),
-              i(" . Check the "),
+              a(" . Check the "),
               r("a", {
                 class: "hover:text-c-1 underline-offset-2",
                 href: "https://github.com/scalar/scalar/tree/main/examples/proxy-server",
                 target: "_blank"
               }, " source code on GitHub ", -1),
-              i(" . ")
+              a(" . ")
             ])),
-            default: l(() => {
-              var s, d, n, f;
+            default: n(() => {
+              var s, p, c;
               return [
-                r("div", D, [
-                  a(e(g), {
-                    class: p(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2", {
-                      "bg-b-2 text-c-1": ((s = e(o)) == null ? void 0 : s.proxyUrl) === h
-                    }]),
-                    variant: ((d = e(o)) == null ? void 0 : d.proxyUrl) === h ? "primary" : "secondary",
-                    onClick: t[0] || (t[0] = (k) => {
-                      var u;
-                      return e(v).edit(
-                        ((u = e(o)) == null ? void 0 : u.uid) ?? "",
+                r("div", q, [
+                  f(e(g), {
+                    class: d(
+                      e(y)(
+                        e(b)({
+                          active: ((s = e(o)) == null ? void 0 : s.proxyUrl) === v
+                        })
+                      )
+                    ),
+                    onClick: t[0] || (t[0] = (l) => {
+                      var i;
+                      return e(w).edit(
+                        ((i = e(o)) == null ? void 0 : i.uid) ?? "",
                         "proxyUrl",
-                        h
+                        v
                       );
                     })
                   }, {
-                    default: l(() => [
-                      r("div", G, [
-                        e(o).proxyUrl === h ? (c(), m(e(y), {
-                          key: 0,
-                          icon: "Checkmark",
-                          size: "xs",
-                          thickness: "3.5"
-                        })) : b("", !0)
-                      ]),
-                      t[5] || (t[5] = i(" Use proxy.scalar.com (default) "))
-                    ]),
+                    default: n(() => {
+                      var l;
+                      return [
+                        r("div", {
+                          class: d(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+                            "bg-c-accent border-transparent text-b-1": ((l = e(o)) == null ? void 0 : l.proxyUrl) === v
+                          }])
+                        }, [
+                          e(o).proxyUrl === v ? (u(), x(e(h), {
+                            key: 0,
+                            icon: "Checkmark",
+                            size: "xs",
+                            thickness: "3.5"
+                          })) : m("", !0)
+                        ], 2),
+                        t[5] || (t[5] = a(" Use proxy.scalar.com (default) "))
+                      ];
+                    }),
                     _: 1
-                  }, 8, ["class", "variant"]),
-                  e(x) && e(x) !== h ? (c(), m(e(g), {
+                  }, 8, ["class"]),
+                  e(k) && e(k) !== v ? (u(), x(e(g), {
                     key: 0,
-                    class: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2",
-                    variant: "primary",
-                    onClick: t[1] || (t[1] = (k) => {
-                      var u;
-                      return e(v).edit(
-                        ((u = e(o)) == null ? void 0 : u.uid) ?? "",
+                    class: d(
+                      e(y)(
+                        e(b)({
+                          active: ((p = e(o)) == null ? void 0 : p.proxyUrl) === e(k)
+                        })
+                      )
+                    ),
+                    onClick: t[1] || (t[1] = (l) => {
+                      var i;
+                      return e(w).edit(
+                        ((i = e(o)) == null ? void 0 : i.uid) ?? "",
                         "proxyUrl",
-                        e(x)
+                        e(k)
                       );
                     })
                   }, {
-                    default: l(() => [
-                      r("div", q, [
-                        e(o).proxyUrl === e(x) ? (c(), m(e(y), {
-                          key: 0,
-                          icon: "Checkmark",
-                          size: "xs",
-                          thickness: "3.5"
-                        })) : b("", !0)
-                      ]),
-                      i(" Use custom proxy (" + j(e(x)) + ") ", 1)
-                    ]),
+                    default: n(() => {
+                      var l;
+                      return [
+                        r("div", {
+                          class: d(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+                            "bg-c-accent border-transparent text-b-1": ((l = e(o)) == null ? void 0 : l.proxyUrl) === e(k)
+                          }])
+                        }, [
+                          e(o).proxyUrl === e(k) ? (u(), x(e(h), {
+                            key: 0,
+                            icon: "Checkmark",
+                            size: "xs",
+                            thickness: "3.5"
+                          })) : m("", !0)
+                        ], 2),
+                        a(" Use custom proxy (" + z(e(k)) + ") ", 1)
+                      ];
+                    }),
                     _: 1
-                  })) : b("", !0),
-                  a(e(g), {
-                    class: p(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2", { "bg-b-2 text-c-1": !((n = e(o)) != null && n.proxyUrl) }]),
-                    variant: (f = e(o)) != null && f.proxyUrl ? "secondary" : "primary",
-                    onClick: t[2] || (t[2] = (k) => {
-                      var u;
-                      return e(v).edit(
-                        ((u = e(o)) == null ? void 0 : u.uid) ?? "",
+                  }, 8, ["class"])) : m("", !0),
+                  f(e(g), {
+                    class: d(e(y)(e(b)({ active: !((c = e(o)) != null && c.proxyUrl) }))),
+                    onClick: t[2] || (t[2] = (l) => {
+                      var i;
+                      return e(w).edit(
+                        ((i = e(o)) == null ? void 0 : i.uid) ?? "",
                         "proxyUrl",
                         ""
                       );
                     })
                   }, {
-                    default: l(() => {
-                      var k;
+                    default: n(() => {
+                      var l, i;
                       return [
-                        r("div", H, [
-                          (k = e(o)) != null && k.proxyUrl ? b("", !0) : (c(), m(e(y), {
+                        r("div", {
+                          class: d([
+                            "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1",
+                            !((l = e(o)) != null && l.proxyUrl) && "bg-c-accent border-transparent text-b-1"
+                          ])
+                        }, [
+                          (i = e(o)) != null && i.proxyUrl ? m("", !0) : (u(), x(e(h), {
                             key: 0,
                             icon: "Checkmark",
                             size: "xs",
                             thickness: "3.5"
                           }))
-                        ]),
-                        t[6] || (t[6] = i(" Skip the proxy "))
+                        ], 2),
+                        t[6] || (t[6] = a(" Skip the proxy "))
                       ];
                     }),
                     _: 1
-                  }, 8, ["class", "variant"])
+                  }, 8, ["class"])
                 ])
               ];
             }),
             _: 1
           }),
-          a(_, null, {
-            title: l(() => t[7] || (t[7] = [
-              i("Themes")
+          f(_, null, {
+            title: n(() => t[7] || (t[7] = [
+              a("Themes")
             ])),
-            description: l(() => t[8] || (t[8] = [
-              i(" We’ve got a whole rainbow of themes for you to play with: ")
+            description: n(() => t[8] || (t[8] = [
+              a(" We’ve got a whole rainbow of themes for you to play with: ")
             ])),
-            default: l(() => [
-              r("div", M, [
-                r("div", X, [
-                  (c(), U($, null, T(A, (s) => {
-                    var d;
-                    return a(e(g), {
+            default: n(() => [
+              r("div", H, [
+                r("div", M, [
+                  (u(), S(T, null, B(E, (s) => {
+                    var p;
+                    return f(e(g), {
                       key: s,
-                      class: p(["px-2 flex items-center justify-between gap-2 text-c-1 border-1/2", [
-                        ((d = e(o)) == null ? void 0 : d.themeId) === s ? "bg-b-2" : "bg-b-1"
-                      ]]),
-                      variant: "ghost",
-                      onClick: (n) => z(s)
+                      class: d(
+                        e(y)(
+                          e(b)({
+                            active: ((p = e(o)) == null ? void 0 : p.themeId) === s
+                          })
+                        )
+                      ),
+                      onClick: (c) => j(s)
                     }, {
-                      default: l(() => {
-                        var n, f;
+                      default: n(() => {
+                        var c, l;
                         return [
-                          r("div", Y, [
+                          r("div", X, [
                             r("div", {
-                              class: p(["flex items-center justify-center w-5 h-5 rounded-full border-2 border-c-3", {
-                                "bg-primary": ((n = e(o)) == null ? void 0 : n.themeId) === s
+                              class: d(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+                                "bg-c-accent border-transparent text-b-1": ((c = e(o)) == null ? void 0 : c.themeId) === s
                               }])
                             }, [
-                              r("div", J, [
-                                ((f = e(o)) == null ? void 0 : f.themeId) === s ? (c(), m(e(y), {
-                                  key: 0,
-                                  icon: "Checkmark",
-                                  size: "xs",
-                                  thickness: "3.5"
-                                })) : b("", !0)
-                              ])
+                              ((l = e(o)) == null ? void 0 : l.themeId) === s ? (u(), x(e(h), {
+                                key: 0,
+                                icon: "Checkmark",
+                                size: "xs",
+                                thickness: "3.5"
+                              })) : m("", !0)
                             ], 2),
-                            i(" " + j(e(B)[s]), 1)
+                            a(" " + z(e(A)[s]), 1)
                           ]),
-                          r("div", K, [
+                          r("div", Y, [
                             r("span", {
                               class: "inline-block w-5 h-5 rounded-full border-c-3 -mr-3",
-                              style: S({
-                                backgroundColor: C(s).light
+                              style: $({
+                                backgroundColor: U(s).light
                               })
                             }, null, 4),
                             r("span", {
                               class: "inline-block w-5 h-5 rounded-full border-c-3 -mr-3",
-                              style: S({
-                                backgroundColor: C(s).dark
+                              style: $({
+                                backgroundColor: U(s).dark
                               })
                             }, null, 4),
                             r("span", {
                               class: "inline-block w-5 h-5 rounded-full border-c-3",
-                              style: S({
-                                backgroundColor: C(s).accent
+                              style: $({
+                                backgroundColor: U(s).accent
                               })
                             }, null, 4)
                           ])
@@ -221,48 +256,49 @@ const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py
             ]),
             _: 1
           }),
-          a(_, null, {
-            title: l(() => t[9] || (t[9] = [
-              i("Framework Themes")
+          f(_, null, {
+            title: n(() => t[9] || (t[9] = [
+              a("Framework Themes")
             ])),
-            description: l(() => t[10] || (t[10] = [
-              i(" Are you a real fan? Show your support by using your favorite framework’s theme! ")
+            description: n(() => t[10] || (t[10] = [
+              a(" Are you a real fan? Show your support by using your favorite framework’s theme! ")
             ])),
-            default: l(() => [
-              r("div", Q, [
-                (c(), U($, null, T(E, (s) => {
-                  var d;
-                  return a(e(g), {
+            default: n(() => [
+              r("div", J, [
+                (u(), S(T, null, B(L, (s) => {
+                  var p;
+                  return f(e(g), {
                     key: s,
-                    class: p(["px-2 flex items-center justify-between gap-2 text-c-1 border-1/2", [
-                      ((d = e(o)) == null ? void 0 : d.themeId) === s ? "bg-b-2" : "bg-b-1"
-                    ]]),
-                    variant: "ghost",
-                    onClick: (n) => z(s)
+                    class: d(
+                      e(y)(
+                        e(b)({
+                          active: ((p = e(o)) == null ? void 0 : p.themeId) === s
+                        })
+                      )
+                    ),
+                    onClick: (c) => j(s)
                   }, {
-                    default: l(() => {
-                      var n, f;
+                    default: n(() => {
+                      var c, l;
                       return [
-                        r("div", Z, [
+                        r("div", K, [
                           r("div", {
-                            class: p(["flex items-center justify-center w-5 h-5 rounded-full border-2 border-c-3", {
-                              "bg-primary": ((n = e(o)) == null ? void 0 : n.themeId) === s
+                            class: d(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+                              "bg-c-accent border-transparent text-b-1": ((c = e(o)) == null ? void 0 : c.themeId) === s
                             }])
                           }, [
-                            r("div", I, [
-                              ((f = e(o)) == null ? void 0 : f.themeId) === s ? (c(), m(e(y), {
-                                key: 0,
-                                icon: "Checkmark",
-                                size: "xs",
-                                thickness: "3.5"
-                              })) : b("", !0)
-                            ])
+                            ((l = e(o)) == null ? void 0 : l.themeId) === s ? (u(), x(e(h), {
+                              key: 0,
+                              icon: "Checkmark",
+                              size: "xs",
+                              thickness: "3.5"
+                            })) : m("", !0)
                           ], 2),
-                          i(" " + j(e(B)[s]), 1)
+                          a(" " + z(e(A)[s]), 1)
                         ]),
-                        r("div", ee, [
-                          r("div", te, [
-                            a(N, { integration: s }, null, 8, ["integration"])
+                        r("div", Q, [
+                          r("div", Z, [
+                            f(R, { integration: s }, null, 8, ["integration"])
                           ])
                         ])
                       ];
@@ -274,15 +310,15 @@ const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py
             ]),
             _: 1
           }),
-          a(_, null, {
-            title: l(() => t[11] || (t[11] = [
-              i("Appearance")
+          f(_, null, {
+            title: n(() => t[11] || (t[11] = [
+              a("Appearance")
             ])),
-            description: l(() => t[12] || (t[12] = [
-              i(" Choose between light, dark, or system-based appearance for your workspace. ")
+            description: n(() => t[12] || (t[12] = [
+              a(" Choose between light, dark, or system-based appearance for your workspace. ")
             ])),
-            default: l(() => [
-              a(V)
+            default: n(() => [
+              f(F)
             ]),
             _: 1
           })
@@ -292,5 +328,5 @@ const F = { class: "bg-b-1 w-full h-full overflow-auto" }, O = { class: "px-5 py
   }
 });
 export {
-  fe as default
+  ie as default
 };

package/dist/views/Settings/components/SettingsAppearance.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsAppearance.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/SettingsAppearance.vue"],"names":[],"mappings":";AA0RA,wBAMG"}
+{"version":3,"file":"SettingsAppearance.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/SettingsAppearance.vue"],"names":[],"mappings":";AAuRA,wBAMG"}