@scalar/api-client 2.1.18 → 2.1.20

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

@@ -1,89 +1,101 @@
-import { defineComponent as h, computed as u, ref as x, openBlock as r, createBlock as n, withCtx as d, createVNode as i, unref as y, createElementVNode as f, createTextVNode as C, createCommentVNode as l, createElementBlock as A, Fragment as B } from "vue";
-import S from "../../../components/ContextBar.vue.js";
-import $ from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import g from "./ResponseBody.vue.js";
-import E from "./ResponseEmpty.vue.js";
-import H from "./ResponseLoadingOverlay.vue.js";
-import N from "./ResponseMetaInformation.vue.js";
-import { ScalarIcon as R } from "@scalar/components";
-import V from "./ResponseCookies.vue.js";
-import L from "./ResponseHeaders.vue.js";
-const q = { class: "flex items-center flex-1" }, I = { class: "custom-scroll relative flex flex-1 flex-col px-2 xl:px-4 py-2.5" }, X = /* @__PURE__ */ h({
+import { defineComponent as A, computed as i, ref as C, openBlock as t, createBlock as a, withCtx as d, createVNode as c, unref as S, createElementVNode as f, createTextVNode as B, createCommentVNode as l, createElementBlock as v, Fragment as _ } from "vue";
+import g from "../../../components/ContextBar.vue.js";
+import H from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import R from "./ResponseBody.vue.js";
+import V from "./ResponseEmpty.vue.js";
+import $ from "./ResponseLoadingOverlay.vue.js";
+import E from "./ResponseMetaInformation.vue.js";
+import { ScalarIcon as I } from "@scalar/components";
+import L from "./ResponseBodyVirtual.vue.js";
+/* empty css                         */
+import N from "./ResponseCookies.vue.js";
+import O from "./ResponseHeaders.vue.js";
+const T = { class: "flex items-center flex-1" }, q = { class: "custom-scroll relative flex flex-1 flex-col px-2 xl:px-4 py-2.5" }, z = 5e6, J = /* @__PURE__ */ A({
   __name: "ResponseSection",
   props: {
     response: {}
   },
-  setup(v) {
-    const a = v, c = u(() => {
-      var s;
-      const o = (s = a.response) == null ? void 0 : s.headers;
-      return o ? Object.keys(o).map((e) => ({
-        name: e,
-        value: o[e],
+  setup(k) {
+    const r = k, p = i(() => {
+      var n;
+      const e = (n = r.response) == null ? void 0 : n.headers;
+      return e ? Object.keys(e).map((o) => ({
+        name: o,
+        value: e[o],
         required: !1
       })).filter(
-        (e) => ![
+        (o) => ![
           "rest-api-client-content-length",
           "X-API-Client-Content-Length"
-        ].includes(e.name)
+        ].includes(o.name)
       ) : [];
-    }), k = u(
+    }), y = i(
       () => {
-        var o;
-        return ((o = a.response) == null ? void 0 : o.cookieHeaderKeys.flatMap((s) => {
-          var m, p;
-          const e = (p = (m = a.response) == null ? void 0 : m.headers) == null ? void 0 : p[s];
-          return e ? {
-            name: s,
-            value: e,
+        var e;
+        return ((e = r.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((n) => {
+          var m, u;
+          const o = (u = (m = r.response) == null ? void 0 : m.headers) == null ? void 0 : u[n];
+          return o ? {
+            name: n,
+            value: o,
             required: !1
           } : [];
         })) ?? [];
       }
-    ), _ = ["All", "Cookies", "Headers", "Body"], t = x("All");
-    return (o, s) => (r(), n($, null, {
+    ), h = ["All", "Cookies", "Headers", "Body"], s = C("All"), x = i(
+      () => {
+        var e;
+        return typeof ((e = r.response) == null ? void 0 : e.data) == "string" && r.response.data.length > z;
+      }
+    );
+    return (e, n) => (t(), a(H, null, {
       title: d(() => [
-        i(y(R), {
+        c(S(I), {
           class: "text-c-3 mr-2 rotate-180",
           icon: "ExternalLink",
           size: "sm",
           thickness: "2.5"
         }),
-        f("div", q, [
-          C(" Response "),
-          o.response ? (r(), n(N, {
+        f("div", T, [
+          B(" Response "),
+          e.response ? (t(), a(E, {
             key: 0,
-            response: o.response
+            response: e.response
           }, null, 8, ["response"])) : l("", !0),
-          i(S, {
-            activeSection: t.value,
-            sections: _,
-            onSetActiveSection: s[0] || (s[0] = (e) => t.value = e)
+          c(g, {
+            activeSection: s.value,
+            sections: h,
+            onSetActiveSection: n[0] || (n[0] = (o) => s.value = o)
           }, null, 8, ["activeSection"])
         ])
       ]),
       default: d(() => {
-        var e;
+        var o;
         return [
-          f("div", I, [
-            o.response ? (r(), A(B, { key: 1 }, [
-              t.value === "All" || t.value === "Cookies" ? (r(), n(V, {
+          f("div", q, [
+            e.response ? (t(), v(_, { key: 1 }, [
+              s.value === "All" || s.value === "Cookies" ? (t(), a(N, {
                 key: 0,
-                cookies: k.value
+                cookies: y.value
               }, null, 8, ["cookies"])) : l("", !0),
-              t.value === "All" || t.value === "Headers" ? (r(), n(L, {
+              s.value === "All" || s.value === "Headers" ? (t(), a(O, {
                 key: 1,
-                headers: c.value
+                headers: p.value
               }, null, 8, ["headers"])) : l("", !0),
-              t.value === "All" || t.value === "Body" ? (r(), n(g, {
-                key: 2,
-                active: !0,
-                data: (e = a.response) == null ? void 0 : e.data,
-                headers: c.value,
-                title: "Body"
-              }, null, 8, ["data", "headers"])) : l("", !0)
-            ], 64)) : (r(), n(E, { key: 0 })),
-            i(H)
+              s.value === "All" || s.value === "Body" ? (t(), v(_, { key: 2 }, [
+                x.value ? (t(), a(L, {
+                  key: 0,
+                  content: r.response.data
+                }, null, 8, ["content"])) : (t(), a(R, {
+                  key: 1,
+                  active: !0,
+                  data: (o = r.response) == null ? void 0 : o.data,
+                  headers: p.value,
+                  title: "Body"
+                }, null, 8, ["data", "headers"]))
+              ], 64)) : l("", !0)
+            ], 64)) : (t(), a(V, { key: 0 })),
+            c($)
           ])
         ];
       }),
@@ -92,5 +104,5 @@ const q = { class: "flex items-center flex-1" }, I = { class: "custom-scroll rel
   }
 });
 export {
-  X as default
+  J as default
 };

package/dist/views/Request/components/WorkspaceDropdown.vue.js

@@ -1,26 +1,25 @@
-import { defineComponent as R, computed as O, ref as M, openBlock as u, createElementBlock as W, createElementVNode as o, createVNode as t, unref as e, withCtx as s, Fragment as A, renderList as I, createBlock as x, withModifiers as r, normalizeClass as L, toDisplayString as z } from "vue";
-import U from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import V from "../../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import { useModal as C, ScalarDropdown as $, ScalarDropdownItem as m, ScalarIcon as i, ScalarTooltip as q, ScalarButton as S, ScalarDropdownDivider as F, ScalarModal as N } from "@scalar/components";
-import { useRouter as P } from "vue-router";
-import { useWorkspace as Y } from "../../../store/store.js";
-import { commandPaletteBus as G } from "../../../libs/event-busses/command-palette-bus.js";
+import { defineComponent as O, computed as A, ref as M, openBlock as u, createElementBlock as W, createElementVNode as o, createVNode as t, unref as e, withCtx as s, Fragment as I, renderList as L, createBlock as x, withModifiers as r, normalizeClass as U, toDisplayString as z } from "vue";
+import V from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import q from "../../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
+import { useModal as C, ScalarDropdown as $, ScalarDropdownItem as m, ScalarIcon as i, ScalarTooltip as F, ScalarButton as S, ScalarDropdownDivider as P, ScalarModal as N } from "@scalar/components";
+import { useRouter as Y } from "vue-router";
+import { useWorkspace as G } from "../../../store/store.js";
 const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, K = { class: "line-clamp-1 text-left w-[calc(100%-10px)]" }, Q = { class: "text-ellipsis overflow-hidden" }, X = /* @__PURE__ */ o("span", null, "Rename", -1), Z = /* @__PURE__ */ o("span", null, "Delete", -1), ee = /* @__PURE__ */ o("div", { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, [
   /* @__PURE__ */ o("div", { class: "flex items-center text-c-2" }, [
     /* @__PURE__ */ o("span", null, "Only workspace cannot be deleted.")
   ])
-], -1), te = /* @__PURE__ */ o("span", null, "Delete", -1), se = { class: "flex items-center justify-center h-4 w-4" }, ne = /* @__PURE__ */ o("span", null, "Create Workspace", -1), ue = /* @__PURE__ */ R({
+], -1), te = /* @__PURE__ */ o("span", null, "Delete", -1), se = { class: "flex items-center justify-center h-4 w-4" }, ne = /* @__PURE__ */ o("span", null, "Create Workspace", -1), pe = /* @__PURE__ */ O({
   __name: "WorkspaceDropdown",
   setup(oe) {
-    const { activeWorkspace: f, workspaces: d, workspaceMutators: _ } = Y(), { push: g } = P(), T = (n) => {
+    const { activeWorkspace: f, workspaces: d, workspaceMutators: _, events: T } = G(), { push: g } = Y(), E = (n) => {
       n !== f.value.uid && g(`/workspace/${n}`);
-    }, b = O(() => Object.keys(d).length === 1), E = () => G.emit({ commandName: "Create Workspace" }), h = M(""), c = M(""), v = C(), w = C(), y = (n) => {
-      h.value = d[n].name, c.value = n, v.show();
-    }, j = (n) => {
-      n.trim() && (_.edit(c.value, "name", n.trim()), v.hide());
+    }, b = A(() => Object.keys(d).length === 1), j = () => T.commandPalette.emit({ commandName: "Create Workspace" }), v = M(""), c = M(""), h = C(), w = C(), y = (n) => {
+      v.value = d[n].name, c.value = n, h.show();
+    }, B = (n) => {
+      n.trim() && (_.edit(c.value, "name", n.trim()), h.hide());
     }, D = (n) => {
-      h.value = d[n].name, c.value = n, w.show();
-    }, B = async () => {
+      v.value = d[n].name, c.value = n, w.show();
+    }, R = async () => {
       if (!b.value) {
         const n = f.value.uid === c.value, a = { ...d };
         if (delete a[c.value], _.delete(c.value), n) {
@@ -34,14 +33,14 @@ const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font
       o("div", H, [
         t(e($), null, {
           items: s(() => [
-            (u(!0), W(A, null, I(e(d), (p, l) => (u(), x(e(m), {
+            (u(!0), W(I, null, L(e(d), (p, l) => (u(), x(e(m), {
               key: l,
               class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-              onClick: r((k) => T(l), ["stop"])
+              onClick: r((k) => E(l), ["stop"])
             }, {
               default: s(() => [
                 o("div", {
-                  class: L([
+                  class: U([
                     "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
                     e(f).uid === l ? "bg-blue text-b-1" : "text-transparent"
                   ])
@@ -71,7 +70,7 @@ const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font
                       ]),
                       _: 2
                     }, 1032, ["onMousedown", "onTouchend"]),
-                    b.value ? (u(), x(e(q), {
+                    b.value ? (u(), x(e(F), {
                       key: 0,
                       class: "z-10",
                       side: "bottom"
@@ -140,10 +139,10 @@ const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font
               ]),
               _: 2
             }, 1032, ["onClick"]))), 128)),
-            t(e(F)),
+            t(e(P)),
             t(e(m), {
               class: "flex items-center gap-1.5",
-              onClick: E
+              onClick: j
             }, {
               default: s(() => [
                 o("div", se, [
@@ -186,25 +185,25 @@ const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font
         title: "Delete workspace"
       }, {
         default: s(() => [
-          t(U, {
-            variableName: h.value,
+          t(V, {
+            variableName: v.value,
             warningMessage: "This cannot be undone. You’re about to delete the workspace and everything inside it.",
             onClose: a[2] || (a[2] = (p) => e(w).hide()),
-            onDelete: B
+            onDelete: R
           }, null, 8, ["variableName"])
         ]),
         _: 1
       }, 8, ["state"]),
       t(e(N), {
         size: "xxs",
-        state: e(v),
+        state: e(h),
         title: "Rename Workspace"
       }, {
         default: s(() => [
-          t(V, {
-            name: h.value,
-            onClose: a[3] || (a[3] = (p) => e(v).hide()),
-            onEdit: j
+          t(q, {
+            name: v.value,
+            onClose: a[3] || (a[3] = (p) => e(h).hide()),
+            onEdit: B
           }, null, 8, ["name"])
         ]),
         _: 1
@@ -213,5 +212,5 @@ const H = { class: "flex items-center text-sm w-[inherit]" }, J = { class: "font
   }
 });
 export {
-  ue as default
+  pe as default
 };

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

@@ -0,0 +1,4 @@
+import { type DefineComponent } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=Settings.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AA0DA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,KAAK,CAAA;;AAuI/C,wBAKG"}

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

@@ -0,0 +1,4 @@
+import f from "./Settings.vue2.js";
+export {
+  f as default
+};

package/dist/views/Settings/Settings.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as i, ref as m, openBlock as a, createBlock as r, withCtx as e, createVNode as o, unref as s, createElementVNode as c, createElementBlock as f, Fragment as p, renderList as u, createTextVNode as _, toDisplayString as d, resolveDynamicComponent as x } from "vue";
+import b from "../../components/Sidebar/SidebarList.vue.js";
+import S from "../../components/Sidebar/SidebarListElement.vue.js";
+import g from "../../components/ViewLayout/ViewLayout.vue.js";
+import v from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import y from "./SettingsGeneral.vue.js";
+import C from "../../components/Sidebar/Sidebar.vue.js";
+const L = { class: "flex-1" }, T = /* @__PURE__ */ i({
+  __name: "Settings",
+  setup(V) {
+    const l = {
+      general: {
+        component: y,
+        title: "general"
+      }
+    }, n = m("general");
+    return (k, h) => (a(), r(g, null, {
+      default: e(() => [
+        o(s(C), { title: "Settings" }, {
+          content: e(() => [
+            c("div", L, [
+              o(b, null, {
+                default: e(() => [
+                  (a(), f(p, null, u(l, (t) => o(S, {
+                    key: t.title,
+                    class: "text-xs capitalize",
+                    isCopyable: !1,
+                    isDeletable: !1,
+                    variable: {
+                      uid: t.title,
+                      name: t.title
+                    }
+                  }, {
+                    default: e(() => [
+                      _(d(t.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variable"])), 64))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        o(v, { class: "flex-1" }, {
+          default: e(() => [
+            (a(), r(x(l[n.value].component)))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  T as default
+};

package/dist/{components/DarkModeToggle/DarkModeIconToggle.vue.d.ts → views/Settings/SettingsGeneral.vue.d.ts}

@@ -1,3 +1,3 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-//# sourceMappingURL=DarkModeIconToggle.vue.d.ts.map
+//# sourceMappingURL=SettingsGeneral.vue.d.ts.map

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

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

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

@@ -0,0 +1,124 @@
+import { defineComponent as w, openBlock as f, createBlock as v, withCtx as t, createTextVNode as a, createElementVNode as s, createVNode as e, unref as l, createElementBlock as y, Fragment as b, renderList as S, withModifiers as C, normalizeClass as $, toDisplayString as u } from "vue";
+import V from "../../components/DataTable/DataTable.vue.js";
+import D from "../../components/DataTable/DataTableCell.vue.js";
+import P from "../../components/DataTable/DataTableCheckbox.vue.js";
+import n from "../../components/DataTable/DataTableRow.vue.js";
+import p from "../../components/DataTable/DataTableText.vue.js";
+import z from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { ScalarDropdown as B, ScalarDropdownItem as T, ScalarIcon as d, ScalarButton as U } from "@scalar/components";
+import { themeLabels as _ } from "@scalar/themes";
+import I from "./SettingsGeneralMode.vue.js";
+import { useWorkspace as N } from "../../store/store.js";
+const W = { class: "flex flex-col p-2" }, j = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, Y = /* @__PURE__ */ w({
+  __name: "SettingsGeneral",
+  setup(E) {
+    const { activeWorkspace: r, workspaceMutators: h, proxyUrl: i, setProxyUrl: c } = N(), x = () => {
+      i.value ? c("") : c("https://proxy.scalar.com");
+    }, k = [
+      "default",
+      "alternate",
+      "moon",
+      "purple",
+      "solarized",
+      "bluePlanet",
+      "saturn",
+      "kepler",
+      "mars",
+      "deepSpace"
+    ], g = (m) => {
+      h.edit(r.value.uid, "themeId", m);
+    };
+    return (m, G) => (f(), v(z, null, {
+      title: t(() => [
+        a("General")
+      ]),
+      default: t(() => [
+        s("div", W, [
+          e(V, { columns: ["", ""] }, {
+            default: t(() => [
+              e(n, null, {
+                default: t(() => [
+                  e(p, { text: "Use Scalar Proxy" }),
+                  e(P, {
+                    align: "left",
+                    modelValue: !!l(i),
+                    "onUpdate:modelValue": x
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              e(n, null, {
+                default: t(() => [
+                  e(p, { text: "Theme Picker" }),
+                  e(D, null, {
+                    default: t(() => [
+                      e(l(B), null, {
+                        items: t(() => [
+                          (f(), y(b, null, S(k, (o) => e(l(T), {
+                            key: o,
+                            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+                            onClick: C((L) => g(o), ["stop"])
+                          }, {
+                            default: t(() => [
+                              s("div", {
+                                class: $([
+                                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
+                                  l(r).themeId === o ? "bg-blue text-b-1" : "text-transparent"
+                                ])
+                              }, [
+                                e(l(d), {
+                                  class: "size-2.5",
+                                  icon: "Checkmark",
+                                  thickness: "3.5"
+                                })
+                              ], 2),
+                              a(" " + u(l(_)[o]), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])), 64))
+                        ]),
+                        default: t(() => [
+                          e(l(U), {
+                            class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
+                            fullWidth: "",
+                            variant: "ghost"
+                          }, {
+                            default: t(() => [
+                              s("h2", j, [
+                                a(u(l(_)[l(r).themeId]) + " ", 1),
+                                e(l(d), {
+                                  class: "size-2.5",
+                                  icon: "ChevronDown",
+                                  thickness: "3.5"
+                                })
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e(n, null, {
+                default: t(() => [
+                  e(I)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Y as default
+};

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

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

package/dist/views/Settings/SettingsGeneralMode.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=SettingsGeneralMode.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsGeneralMode.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneralMode.vue"],"names":[],"mappings":";AAgUA,wBAKG"}

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

@@ -0,0 +1,78 @@
+import { defineComponent as u, ref as d, openBlock as p, createElementBlock as _, Fragment as h, createVNode as e, withCtx as o, unref as r, withModifiers as n, createTextVNode as a, createElementVNode as k, toDisplayString as v } from "vue";
+import M from "../../components/DataTable/DataTableCell.vue.js";
+import S from "../../components/DataTable/DataTableText.vue.js";
+import { ScalarDropdown as D, ScalarDropdownItem as s, ScalarButton as g, ScalarIcon as x } from "@scalar/components";
+import { useDarkModeState as y } from "../../hooks/useDarkModeState.js";
+const w = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, I = /* @__PURE__ */ u({
+  __name: "SettingsGeneralMode",
+  setup(C) {
+    const { colorMode: c, setDarkMode: l } = y(), t = d("System Preference");
+    c.value === "system" ? t.value = "System Preference" : c.value === "dark" ? t.value = "Dark" : t.value = "Light";
+    const i = () => {
+      l(null), t.value = "System Preference";
+    }, f = () => {
+      l(!1), t.value = "Light";
+    }, m = () => {
+      l(!0), t.value = "Dark";
+    };
+    return (P, L) => (p(), _(h, null, [
+      e(S, { text: "Mode" }),
+      e(M, null, {
+        default: o(() => [
+          e(r(D), null, {
+            items: o(() => [
+              e(r(s), {
+                onClick: n(i, ["stop"])
+              }, {
+                default: o(() => [
+                  a(" System Preference ")
+                ]),
+                _: 1
+              }),
+              e(r(s), {
+                onClick: n(f, ["stop"])
+              }, {
+                default: o(() => [
+                  a(" Light Mode ")
+                ]),
+                _: 1
+              }),
+              e(r(s), {
+                onClick: n(m, ["stop"])
+              }, {
+                default: o(() => [
+                  a(" Dark Mode ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: o(() => [
+              e(r(g), {
+                class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
+                fullWidth: "",
+                variant: "ghost"
+              }, {
+                default: o(() => [
+                  k("h2", w, [
+                    a(v(t.value) + " ", 1),
+                    e(r(x), {
+                      class: "size-2.5",
+                      icon: "ChevronDown",
+                      thickness: "3.5"
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+});
+export {
+  I as default
+};

package/dist/views/Settings/SettingsGeneralMode.vue2.js

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