@scalar/api-client 2.1.48 → 2.1.50

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

@@ -1,183 +1,242 @@
-import { defineComponent as L, ref as P, watch as K, onMounted as F, onBeforeUnmount as j, openBlock as u, createElementBlock as w, Fragment as y, createBlock as p, unref as n, withKeys as G, withCtx as r, createVNode as o, createElementVNode as k, createCommentVNode as M, createTextVNode as N, toDisplayString as H } from "vue";
-import J from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import O from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
-import Q from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import { useModal as b, ScalarDropdown as X, ScalarDropdownItem as g, ScalarIcon as v, ScalarModal as z } from "@scalar/components";
-import { useRouter as Y } from "vue-router";
-import { PathId as S } from "../../routes.js";
-import { useWorkspace as Z } from "../../store/store.js";
-const ae = /* @__PURE__ */ L({
+import { defineComponent as J, ref as O, watch as Q, onMounted as X, onBeforeUnmount as Y, computed as Z, openBlock as s, createElementBlock as h, Fragment as q, createBlock as d, unref as n, withKeys as _, withCtx as u, createVNode as m, createElementVNode as I, createCommentVNode as c, createTextVNode as S, toDisplayString as ee } from "vue";
+import T from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import te from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
+import ne from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
+import { createInitialRequest as le } from "../../store/requests.js";
+import { useModal as W, ScalarDropdown as ie, ScalarDropdownItem as g, ScalarIcon as w, ScalarModal as b } from "@scalar/components";
+import { useRouter as ae } from "vue-router";
+import { PathId as A } from "../../routes.js";
+import { useWorkspace as se } from "../../store/store.js";
+const ve = /* @__PURE__ */ J({
   __name: "RequestSidebarItemMenu",
   props: {
     menuItem: {}
   },
-  emits: ["closeMenu", "toggleWatchMode"],
-  setup(q, { emit: x }) {
-    const a = q, $ = x, { replace: E } = Y(), { activeWorkspace: h, activeRouterParams: C, events: B } = Z(), d = b(), I = b(), T = () => {
+  emits: ["closeMenu", "toggleWatchMode", "clearDrafts"],
+  setup(B, { emit: U }) {
+    const r = B, C = U, { replace: $ } = ae(), {
+      activeWorkspace: y,
+      activeRouterParams: x,
+      events: V,
+      requestMutators: L,
+      activeWorkspaceCollections: E,
+      activeWorkspaceRequests: P
+    } = se(), p = W(), D = W(), M = W(), K = () => {
       var e;
-      return B.commandPalette.emit({
+      return V.commandPalette.emit({
         commandName: "Add Example",
         metaData: {
-          itemUid: (e = a.menuItem.item) == null ? void 0 : e.entity.uid
+          itemUid: (e = r.menuItem.item) == null ? void 0 : e.entity.uid
         }
       });
-    }, R = (e, t) => {
-      var m;
-      (m = a.menuItem.item) == null || m.edit(e, t), d.hide();
-    }, U = () => {
-      var e, t, m;
-      (e = a.menuItem.item) == null || e.delete(), C.value[S.Request] === ((t = a.menuItem.item) == null ? void 0 : t.entity.uid) && E(`/workspace/${h.value.uid}/request/default`), C.value[S.Examples] === ((m = a.menuItem.item) == null ? void 0 : m.entity.uid) && E(`/workspace/${h.value}/request/default`), I.hide();
-    }, f = P(null);
-    K([() => a.menuItem.open, f], async ([e]) => {
-      var t, m;
-      e && ((m = (t = f.value) == null ? void 0 : t.$parent) != null && m.$el) && f.value.$parent.$el.focus();
+    }, z = (e, t) => {
+      var a;
+      (a = r.menuItem.item) == null || a.edit(e, t), p.hide();
+    }, F = () => {
+      var e, t, a;
+      if ((e = r.menuItem.item) == null || e.delete(), !P.value.length) {
+        const { request: f } = le(), i = E.value.find(
+          (o) => {
+            var l;
+            return ((l = o.info) == null ? void 0 : l.title) === "Drafts";
+          }
+        );
+        i && (L.add(f, i.uid), $(`/workspace/${y.value.uid}/request/${f.uid}`));
+      }
+      if (x.value[A.Request] === ((t = r.menuItem.item) == null ? void 0 : t.entity.uid) && $(`/workspace/${y.value.uid}/request/default`), x.value[A.Examples] === ((a = r.menuItem.item) == null ? void 0 : a.entity.uid) && $(`/workspace/${y.value}/request/default`), E.value[0]) {
+        const f = E.value[0].requests[0];
+        $(`/workspace/${y.value.uid}/request/${f}`);
+      }
+      D.hide();
+    }, k = O(null);
+    Q([() => r.menuItem.open, k], async ([e]) => {
+      var t, a;
+      e && ((a = (t = k.value) == null ? void 0 : t.$parent) != null && a.$el) && k.value.$parent.$el.focus();
+    });
+    const N = () => r.menuItem.open && C("closeMenu");
+    X(() => window.addEventListener("click", N)), Y(() => window.removeEventListener("click", N));
+    const j = () => {
+      C("toggleWatchMode", r.menuItem.item);
+    }, G = () => {
+      C("clearDrafts"), M.hide();
+    }, R = Z(() => {
+      var e;
+      return ((e = r.menuItem.item) == null ? void 0 : e.title) === "Drafts";
     });
-    const D = () => a.menuItem.open && $("closeMenu");
-    F(() => window.addEventListener("click", D)), j(() => window.removeEventListener("click", D));
-    const V = () => {
-      $("toggleWatchMode", a.menuItem.item);
-    };
     return (e, t) => {
-      var m, W;
-      return u(), w(y, null, [
-        e.menuItem.targetRef && e.menuItem.open ? (u(), p(n(X), {
+      var a, f;
+      return s(), h(q, null, [
+        e.menuItem.targetRef && e.menuItem.open ? (s(), d(n(ie), {
           key: 0,
           static: "",
           targetRef: e.menuItem.targetRef,
           teleport: "",
-          onKeydown: t[2] || (t[2] = G((l) => e.$emit("closeMenu"), ["escape"]))
+          onKeydown: t[3] || (t[3] = _((i) => e.$emit("closeMenu"), ["escape"]))
         }, {
-          items: r(() => {
-            var l, s;
+          items: u(() => {
+            var i, o;
             return [
-              ((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "request" ? (u(), p(n(g), {
+              ((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "request" ? (s(), d(n(g), {
                 key: 0,
                 class: "flex gap-2",
-                onClick: T
+                onClick: K
               }, {
-                default: r(() => [
-                  o(n(v), {
+                default: u(() => [
+                  m(n(w), {
                     class: "inline-flex",
                     icon: "Example",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  t[6] || (t[6] = k("span", null, "Add Example", -1))
+                  t[8] || (t[8] = I("span", null, "Add Example", -1))
                 ]),
                 _: 1
-              })) : M("", !0),
-              o(n(g), {
+              })) : c("", !0),
+              R.value ? c("", !0) : (s(), d(n(g), {
+                key: 1,
                 ref_key: "menuRef",
-                ref: f,
+                ref: k,
                 class: "flex gap-2",
-                onClick: t[0] || (t[0] = (i) => n(d).show())
+                onClick: t[0] || (t[0] = (l) => n(p).show())
               }, {
-                default: r(() => {
-                  var i;
+                default: u(() => {
+                  var l;
                   return [
-                    o(n(v), {
+                    m(n(w), {
                       class: "inline-flex",
                       icon: "Edit",
                       size: "md",
                       thickness: "1.5"
                     }),
-                    k("span", null, [
-                      ((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "collection" ? (u(), w(y, { key: 0 }, [
-                        N(" Edit ")
-                      ], 64)) : (u(), w(y, { key: 1 }, [
-                        N(" Rename ")
+                    I("span", null, [
+                      ((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "collection" ? (s(), h(q, { key: 0 }, [
+                        S(" Edit ")
+                      ], 64)) : (s(), h(q, { key: 1 }, [
+                        S(" Rename ")
                       ], 64))
                     ])
                   ];
                 }),
                 _: 1
-              }, 512),
-              (s = e.menuItem.item) != null && s.documentUrl ? (u(), p(n(g), {
-                key: 1,
+              }, 512)),
+              (o = e.menuItem.item) != null && o.documentUrl ? (s(), d(n(g), {
+                key: 2,
                 ref_key: "menuRef",
-                ref: f,
+                ref: k,
                 class: "flex gap-2",
-                onClick: V
+                onClick: j
               }, {
-                default: r(() => {
-                  var i, c;
+                default: u(() => {
+                  var l, v;
                   return [
-                    o(n(v), {
+                    m(n(w), {
                       class: "inline-flex",
-                      icon: (i = e.menuItem.item) != null && i.watchMode ? "Unwatch" : "Watch",
+                      icon: (l = e.menuItem.item) != null && l.watchMode ? "Unwatch" : "Watch",
                       size: "md",
                       thickness: "1.5"
                     }, null, 8, ["icon"]),
-                    k("span", null, H((c = e.menuItem.item) != null && c.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
+                    I("span", null, ee((v = e.menuItem.item) != null && v.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
                   ];
                 }),
                 _: 1
-              }, 512)) : M("", !0),
-              o(n(g), {
+              }, 512)) : c("", !0),
+              R.value ? c("", !0) : (s(), d(n(g), {
+                key: 3,
+                class: "flex gap-2",
+                onClick: t[1] || (t[1] = (l) => n(D).show())
+              }, {
+                default: u(() => [
+                  m(n(w), {
+                    class: "inline-flex",
+                    icon: "Delete",
+                    size: "md",
+                    thickness: "1.5"
+                  }),
+                  t[9] || (t[9] = I("span", null, "Delete", -1))
+                ]),
+                _: 1
+              })),
+              R.value ? (s(), d(n(g), {
+                key: 4,
                 class: "flex gap-2",
-                onClick: t[1] || (t[1] = (i) => n(I).show())
+                onClick: t[2] || (t[2] = (l) => n(M).show())
               }, {
-                default: r(() => [
-                  o(n(v), {
+                default: u(() => [
+                  m(n(w), {
                     class: "inline-flex",
                     icon: "Delete",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  t[7] || (t[7] = k("span", null, "Delete", -1))
+                  t[10] || (t[10] = I("span", null, "Clear Drafts", -1))
                 ]),
                 _: 1
-              })
+              })) : c("", !0)
             ];
           }),
           _: 1
-        }, 8, ["targetRef"])) : M("", !0),
-        o(n(z), {
+        }, 8, ["targetRef"])) : c("", !0),
+        m(n(b), {
           size: "xxs",
-          state: n(I),
-          title: `Delete ${(m = e.menuItem.item) == null ? void 0 : m.resourceTitle}`
+          state: n(D),
+          title: `Delete ${(a = e.menuItem.item) == null ? void 0 : a.resourceTitle}`
         }, {
-          default: r(() => {
-            var l, s;
+          default: u(() => {
+            var i, o;
             return [
-              o(J, {
-                variableName: ((l = e.menuItem.item) == null ? void 0 : l.title) ?? "",
-                warningMessage: (s = e.menuItem.item) == null ? void 0 : s.warning,
-                onClose: t[3] || (t[3] = (i) => n(I).hide()),
-                onDelete: U
+              m(T, {
+                variableName: ((i = e.menuItem.item) == null ? void 0 : i.title) ?? "",
+                warningMessage: (o = e.menuItem.item) == null ? void 0 : o.warning,
+                onClose: t[4] || (t[4] = (l) => n(D).hide()),
+                onDelete: F
               }, null, 8, ["variableName", "warningMessage"])
             ];
           }),
           _: 1
         }, 8, ["state", "title"]),
-        o(n(z), {
+        m(n(b), {
           size: "xxs",
-          state: n(d),
-          title: `Edit ${(W = e.menuItem.item) == null ? void 0 : W.resourceTitle}`
+          state: n(p),
+          title: `Edit ${(f = e.menuItem.item) == null ? void 0 : f.resourceTitle}`
         }, {
-          default: r(() => {
-            var l, s, i, c;
+          default: u(() => {
+            var i, o, l, v;
             return [
-              ((l = e.menuItem.item) == null ? void 0 : l.resourceTitle) === "Collection" ? (u(), p(O, {
+              ((i = e.menuItem.item) == null ? void 0 : i.resourceTitle) === "Collection" ? (s(), d(te, {
                 key: 0,
-                icon: ((s = e.menuItem.item) == null ? void 0 : s.icon) || "interface-content-folder",
-                name: (i = e.menuItem.item) == null ? void 0 : i.title,
-                onClose: t[4] || (t[4] = (A) => n(d).hide()),
-                onEdit: R
-              }, null, 8, ["icon", "name"])) : (u(), p(Q, {
+                icon: ((o = e.menuItem.item) == null ? void 0 : o.icon) || "interface-content-folder",
+                name: (l = e.menuItem.item) == null ? void 0 : l.title,
+                onClose: t[5] || (t[5] = (H) => n(p).hide()),
+                onEdit: z
+              }, null, 8, ["icon", "name"])) : (s(), d(ne, {
                 key: 1,
-                name: ((c = e.menuItem.item) == null ? void 0 : c.title) ?? "",
-                onClose: t[5] || (t[5] = (A) => n(d).hide()),
-                onEdit: R
+                name: ((v = e.menuItem.item) == null ? void 0 : v.title) ?? "",
+                onClose: t[6] || (t[6] = (H) => n(p).hide()),
+                onEdit: z
               }, null, 8, ["name"]))
             ];
           }),
           _: 1
-        }, 8, ["state", "title"])
+        }, 8, ["state", "title"]),
+        m(n(b), {
+          size: "xxs",
+          state: n(M),
+          title: "Clear Drafts"
+        }, {
+          default: u(() => [
+            m(T, {
+              variableName: "All Drafts",
+              warningMessage: "This action will clear all drafts. This cannot be undone.",
+              onClose: t[7] || (t[7] = (i) => n(M).hide()),
+              onDelete: G
+            })
+          ]),
+          _: 1
+        }, 8, ["state"])
       ], 64);
     };
   }
 });
 export {
-  ae as default
+  ve as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA4PA,wBAMG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA2XA,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fc4c4e0"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fb4e4b9a"]]);
 export {
   r as default
 };

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

@@ -1,59 +1,99 @@
-import { defineComponent as _, onMounted as R, onBeforeUnmount as g, openBlock as r, createElementBlock as n, createElementVNode as o, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as p, createVNode as l } from "vue";
-import b from "../../../assets/computer.ascii.js";
-import h from "../../../components/ScalarAsciiArt.vue.js";
-import u from "../../../components/ScalarHotkey.vue.js";
-import { useRoute as C } from "vue-router";
-import { useWorkspace as q } from "../../../store/store.js";
-import { useLayout as v } from "../../../hooks/useLayout.js";
-const V = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, B = { class: "flex h-[calc(100%_-_50px)] flex-col items-center justify-center" }, S = {
+import { defineComponent as R, onMounted as b, onBeforeUnmount as C, openBlock as l, createElementBlock as n, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as m, createVNode as s } from "vue";
+import q from "../../../assets/computer.ascii.js";
+import x from "../../../assets/keycap.ascii.js";
+import d from "../../../components/ScalarAsciiArt.vue.js";
+import p from "../../../components/ScalarHotkey.vue.js";
+import { useRoute as V } from "vue-router";
+import { useWorkspace as K } from "../../../store/store.js";
+import { useLayout as S } from "../../../hooks/useLayout.js";
+const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, w = {
   key: 0,
   class: "scalar-version-number"
-}, w = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, D = /* @__PURE__ */ _({
+}, A = { class: "scale-75 flex" }, E = { class: "relative" }, P = { class: "relative -ml-12" }, W = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, U = /* @__PURE__ */ R({
   __name: "ResponseEmpty",
-  setup(A) {
-    const { isReadOnly: d, activeWorkspace: f, events: s } = q(), y = C(), { layout: x } = v(), m = () => {
-      s.commandPalette.emit({ commandName: "Create Request" });
-    }, i = (a) => {
-      a != null && a.createNew && y.name === "request" && m();
-    }, k = "2.1.48";
-    return R(() => s.hotKeys.on(i)), g(() => s.hotKeys.off(i)), (a, e) => (r(), n("div", V, [
-      o("div", B, [
-        t(f).isReadOnly ? p("", !0) : (r(), n("div", S, [
-          c(" Scalar App V" + N(t(k)) + " Beta ", 1),
-          e[1] || (e[1] = o("div", { class: "mt-2" }, [
+  setup($) {
+    const { isReadOnly: j, activeWorkspace: g, events: a, activeWorkspaceRequests: u } = K(), v = V(), { layout: r } = S(), f = () => {
+      a.commandPalette.emit({ commandName: "Create Request" });
+    }, y = (i) => {
+      i != null && i.createNew && v.name === "request" && f();
+    }, h = "2.1.50";
+    return b(() => 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", {
+          "hidden opacity-0": t(u).length <= 1 && t(r) !== "modal"
+        }])
+      }, [
+        t(g).isReadOnly ? m("", !0) : (l(), n("div", w, [
+          c(" Scalar App V" + N(t(h)) + " Beta ", 1),
+          e[2] || (e[2] = o("div", { class: "mt-2" }, [
             o("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
               target: "_blank"
             }, " Roadmap ")
           ], -1))
         ])),
-        l(h, {
-          art: t(b),
+        s(d, {
+          art: t(q),
           class: "text-c-3"
         }, null, 8, ["art"])
-      ]),
-      o("div", w, [
+      ], 2),
+      t(r) !== "modal" ? (l(), n("div", {
+        key: 0,
+        class: k(["h-[calc(100%_-_50px)] items-center justify-center hidden pb-5", {
+          "!flex opacity-100": t(u).length == 1
+        }])
+      }, [
+        o("div", A, [
+          o("div", E, [
+            s(p, {
+              class: "keycap-hotkey",
+              hotkey: ""
+            }),
+            s(d, {
+              art: t(x),
+              class: "!leading-[6px] text-c-3"
+            }, null, 8, ["art"])
+          ]),
+          o("div", P, [
+            e[3] || (e[3] = o("div", { class: "keycap-hotkey !right-[60px]" }, "K", -1)),
+            s(d, {
+              art: t(x),
+              class: "!leading-[6px] keycap-n"
+            }, null, 8, ["art"])
+          ])
+        ])
+      ], 2)) : m("", !0),
+      o("div", W, [
+        t(r) !== "modal" ? (l(), n("button", {
+          key: 0,
+          class: "flex items-center gap-1.5",
+          type: "button",
+          onClick: e[0] || (e[0] = (_) => t(a).commandPalette.emit())
+        }, [
+          e[4] || (e[4] = c(" Get Started ")),
+          s(p, { hotkey: "k" })
+        ])) : m("", !0),
         o("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (E) => t(s).executeRequest.emit())
+          onClick: e[1] || (e[1] = (_) => t(a).executeRequest.emit())
         }, [
-          e[2] || (e[2] = c(" Send Request ")),
-          l(u, { hotkey: "↵" })
+          e[5] || (e[5] = c(" Send Request ")),
+          s(p, { hotkey: "↵" })
         ]),
-        !t(d) && t(x) === "desktop" ? (r(), n("button", {
-          key: 0,
+        t(r) !== "modal" ? (l(), n("button", {
+          key: 1,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: m
+          onClick: f
         }, [
-          e[3] || (e[3] = c(" New Request ")),
-          l(u, { hotkey: "N" })
-        ])) : p("", !0)
+          e[6] || (e[6] = c(" New Request ")),
+          s(p, { hotkey: "N" })
+        ])) : m("", !0)
       ])
     ]));
   }
 });
 export {
-  D as default
+  U as default
 };

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

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

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

@@ -1,79 +1,71 @@
-import { defineComponent as y, ref as g, openBlock as l, createElementBlock as v, Fragment as h, createElementVNode as s, createVNode as a, unref as r, normalizeClass as n, withCtx as c, createBlock as d, createCommentVNode as u, createTextVNode as i } from "vue";
-import { ScalarButton as f, ScalarIcon as m } from "@scalar/components";
-import { useDarkModeState as w } from "../../hooks/useDarkModeState.js";
-const C = { class: "flex flex-col gap-2" }, S = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, M = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, D = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, B = /* @__PURE__ */ y({
+import { defineComponent as b, openBlock as r, createElementBlock as k, Fragment as x, createElementVNode as o, createVNode as n, unref as t, normalizeClass as a, withCtx as d, createBlock as i, createCommentVNode as c, createTextVNode as f } from "vue";
+import { ScalarButton as u, ScalarIcon as m } from "@scalar/components";
+import { useColorMode as g } from "@scalar/use-hooks/useColorMode";
+const y = { class: "flex flex-col gap-2" }, w = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, C = { 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" }, N = /* @__PURE__ */ b({
   __name: "SettingsGeneralMode",
-  setup(_) {
-    const { colorMode: k, setDarkMode: o } = w(), e = g("System Preference");
-    k.value === "system" ? e.value = "System Preference" : k.value === "dark" ? e.value = "Dark" : e.value = "Light";
-    const p = () => {
-      o(null), e.value = "System Preference";
-    }, b = () => {
-      o(!1), e.value = "Light";
-    }, x = () => {
-      o(!0), e.value = "Dark";
-    };
-    return (P, t) => (l(), v(h, null, [
-      t[3] || (t[3] = s("h3", { class: "font-bold mb-1 mt-8" }, "Appearance", -1)),
-      t[4] || (t[4] = s("p", { class: "text-c-2 mb-4 leading-[21px]" }, " Choose between light, dark, or system-based appearance for your workspace. ", -1)),
-      s("div", C, [
-        a(r(f), {
-          class: n([
+  setup(v) {
+    const { colorMode: s, setColorMode: l } = g();
+    return (j, e) => (r(), k(x, null, [
+      e[6] || (e[6] = o("h3", { class: "font-bold mb-1 mt-8" }, "Appearance", -1)),
+      e[7] || (e[7] = o("p", { class: "text-c-2 mb-4 leading-[21px]" }, " Choose between light, dark, or system-based appearance for your workspace. ", -1)),
+      o("div", y, [
+        n(t(u), {
+          class: a([
             "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
-            e.value === "System Preference" ? "bg-b-2 text-c-1" : "bg-b-1"
+            t(s) === "system" ? "bg-b-2 text-c-1" : "bg-b-1"
           ]),
-          onClick: p
+          onClick: e[0] || (e[0] = (p) => t(l)("system"))
         }, {
-          default: c(() => [
-            s("div", S, [
-              e.value === "System Preference" ? (l(), d(r(m), {
+          default: d(() => [
+            o("div", w, [
+              t(s) === "system" ? (r(), i(t(m), {
                 key: 0,
                 icon: "Checkmark",
                 size: "xs",
                 thickness: "3.5"
-              })) : u("", !0)
+              })) : c("", !0)
             ]),
-            t[0] || (t[0] = i(" System Preference (default) "))
+            e[3] || (e[3] = f(" System Preference (default) "))
           ]),
           _: 1
         }, 8, ["class"]),
-        a(r(f), {
-          class: n([
+        n(t(u), {
+          class: a([
             "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
-            e.value === "Light" ? "bg-b-2 text-c-1" : "bg-b-1"
+            t(s) === "light" ? "bg-b-2 text-c-1" : "bg-b-1"
           ]),
-          onClick: b
+          onClick: e[1] || (e[1] = (p) => t(l)("light"))
         }, {
-          default: c(() => [
-            s("div", M, [
-              e.value === "Light" ? (l(), d(r(m), {
+          default: d(() => [
+            o("div", C, [
+              t(s) === "light" ? (r(), i(t(m), {
                 key: 0,
                 icon: "Checkmark",
                 size: "xs",
                 thickness: "3.5"
-              })) : u("", !0)
+              })) : c("", !0)
             ]),
-            t[1] || (t[1] = i(" Light Mode Always "))
+            e[4] || (e[4] = f(" Light Mode Always "))
           ]),
           _: 1
         }, 8, ["class"]),
-        a(r(f), {
-          class: n([
+        n(t(u), {
+          class: a([
             "w-full shadow-none text-c-1 justify-start pl-2 gap-2 mb-8 border-1/2",
-            e.value === "Dark" ? "bg-b-2 text-c-1" : "bg-b-1"
+            t(s) === "dark" ? "bg-b-2 text-c-1" : "bg-b-1"
           ]),
-          onClick: x
+          onClick: e[2] || (e[2] = (p) => t(l)("dark"))
         }, {
-          default: c(() => [
-            s("div", D, [
-              e.value === "Dark" ? (l(), d(r(m), {
+          default: d(() => [
+            o("div", h, [
+              t(s) === "dark" ? (r(), i(t(m), {
                 key: 0,
                 icon: "Checkmark",
                 size: "xs",
                 thickness: "3.5"
-              })) : u("", !0)
+              })) : c("", !0)
             ]),
-            t[2] || (t[2] = i(" Dark Mode Always "))
+            e[5] || (e[5] = f(" Dark Mode Always "))
           ]),
           _: 1
         }, 8, ["class"])
@@ -82,5 +74,5 @@ const C = { class: "flex flex-col gap-2" }, S = { class: "flex items-center just
   }
 });
 export {
-  B as default
+  N as default
 };