@scalar/api-client 2.1.49 → 2.1.51

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

@@ -27,8 +27,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onInputFocus?: (() => any) | undefined;
     onInputBlur?: (() => any) | undefined;
 }>, {
-    required: boolean;
     readOnly: boolean;
+    required: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AAoDA,KAAK,WAAW,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAqBJ,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;yBATpB,GAAG;sBACN,GAAG;;;;EAa7B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cAtJN,OAAO;cAEP,OAAO;6EA6JpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AAoDA,KAAK,WAAW,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAqBJ,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;yBATpB,GAAG;sBACN,GAAG;;;;EAa7B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cApJN,OAAO;cAFP,OAAO;6EA+JpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":"AAohBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AA00BF,wBAOG"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":"AAmhBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AAw0BF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestBody.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-33e11d9f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8da1a870"]]);
 export {
   m as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as G, computed as w, ref as K, watch as S, openBlock as p, createBlock as b, withCtx as u, createTextVNode as q, toDisplayString as F, createVNode as s, unref as c, createElementVNode as x, createElementBlock as R, Fragment as Q, nextTick as Z } from "vue";
+import { defineComponent as G, computed as w, ref as K, watch as S, openBlock as f, createBlock as b, withCtx as u, createTextVNode as q, toDisplayString as F, createVNode as s, unref as c, createElementVNode as x, createElementBlock as R, Fragment as Q, nextTick as Z } from "vue";
 import I from "../../../components/CodeInput/CodeInput.vue.js";
 import ee from "../../../components/DataTable/DataTable.vue.js";
 import ae from "../../../components/DataTable/DataTableHeader.vue.js";
@@ -7,9 +7,9 @@ import te from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { ScalarListbox as oe, ScalarButton as _, ScalarIcon as L } from "@scalar/components";
 import { requestExampleParametersSchema as M } from "@scalar/oas-utils/entities/spec";
 import { canMethodHaveBody as ne } from "@scalar/oas-utils/helpers";
-import W from "./RequestTable.vue.js";
+import A from "./RequestTable.vue.js";
 import { useWorkspace as le } from "../../../store/store.js";
-import { useFileDialog as A } from "../../../hooks/useFileDialog.js";
+import { useFileDialog as W } from "../../../hooks/useFileDialog.js";
 const re = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
@@ -144,7 +144,7 @@ const re = {
       encoding: "html",
       header: "application/html"
     } : { activeBody: "raw", encoding: void 0, header: void 0 }, C = (e) => {
-      var f, y;
+      var p, y;
       if (!a.value) return;
       const { activeBody: t, encoding: o, header: l } = H(e);
       if (r.edit(
@@ -154,7 +154,7 @@ const re = {
       ), o && t === "raw")
         r.edit(a.value.uid, "body.raw", {
           encoding: o,
-          value: ((f = a.value.body.raw) == null ? void 0 : f.value) ?? ""
+          value: ((p = a.value.body.raw) == null ? void 0 : p.value) ?? ""
         });
       else if (o && t === "formData")
         r.edit(a.value.uid, "body.formData", {
@@ -178,7 +178,7 @@ const re = {
         n
       );
     }, j = async (e) => {
-      const { open: t } = A({
+      const { open: t } = W({
         onChange: async (o) => {
           const l = o == null ? void 0 : o[0];
           if (l && i.value && a.value) {
@@ -214,7 +214,7 @@ const re = {
       );
     }
     function X() {
-      const { open: e } = A({
+      const { open: e } = W({
         onChange: async (t) => {
           const o = t == null ? void 0 : t[0];
           o && i.value && a.value && r.edit(
@@ -246,7 +246,7 @@ const re = {
         ) && E();
       },
       { immediate: !0 }
-    ), (e, t) => (p(), b(te, null, {
+    ), (e, t) => (f(), b(te, null, {
       title: u(() => [
         q(F(e.title), 1)
       ]),
@@ -255,19 +255,18 @@ const re = {
           default: u(() => [
             s(k, null, {
               default: u(() => [
-                s(ae, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                s(ae, { class: "relative col-span-full flex h-8 cursor-pointer items-center !p-0" }, {
                   default: u(() => [
                     s(c(oe), {
                       modelValue: m.value,
                       "onUpdate:modelValue": t[0] || (t[0] = (o) => m.value = o),
-                      class: "text-xxs w-full",
-                      fullWidth: "",
+                      class: "text-xxs",
                       options: c(h),
                       teleport: ""
                     }, {
                       default: u(() => [
                         s(c(_), {
-                          class: "flex gap-1.5 h-auto px-1.5 text-c-2 font-normal hover:text-c-1",
+                          class: "flex gap-1.5 h-full px-2 text-c-2 font-normal hover:text-c-1",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
@@ -295,12 +294,12 @@ const re = {
             }),
             s(k, null, {
               default: u(() => {
-                var o, l, n, d, f;
+                var o, l, n, d, p;
                 return [
-                  m.value.id === "none" ? (p(), R("div", re, t[1] || (t[1] = [
+                  m.value.id === "none" ? (f(), R("div", re, t[1] || (t[1] = [
                     x("span", null, "No Body", -1)
-                  ]))) : m.value.id === "binaryFile" ? (p(), R("div", de, [
-                    (o = c(a)) != null && o.body.binary ? (p(), R(Q, { key: 0 }, [
+                  ]))) : m.value.id === "binaryFile" ? (f(), R("div", de, [
+                    (o = c(a)) != null && o.body.binary ? (f(), R(Q, { key: 0 }, [
                       x("span", ie, F(((l = c(a)) == null ? void 0 : l.body.binary).name), 1),
                       s(c(_), {
                         class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1 shadow-none",
@@ -313,7 +312,7 @@ const re = {
                         ])),
                         _: 1
                       })
-                    ], 64)) : (p(), b(c(_), {
+                    ], 64)) : (f(), b(c(_), {
                       key: 1,
                       class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 shadow-none",
                       size: "sm",
@@ -331,7 +330,7 @@ const re = {
                       ]),
                       _: 1
                     }))
-                  ])) : m.value.id == "multipartForm" ? (p(), b(W, {
+                  ])) : m.value.id == "multipartForm" ? (f(), b(A, {
                     key: 2,
                     ref_key: "tableWrapperRef",
                     ref: g,
@@ -345,7 +344,7 @@ const re = {
                     onToggleRow: P,
                     onUpdateRow: T,
                     onUploadFile: j
-                  }, null, 8, ["items"])) : m.value.id == "formUrlEncoded" ? (p(), b(W, {
+                  }, null, 8, ["items"])) : m.value.id == "formUrlEncoded" ? (f(), b(A, {
                     key: 3,
                     ref_key: "tableWrapperRef",
                     ref: g,
@@ -359,13 +358,13 @@ const re = {
                     onToggleRow: P,
                     onUpdateRow: T,
                     onUploadFile: j
-                  }, null, 8, ["items"])) : (p(), b(I, {
+                  }, null, 8, ["items"])) : (f(), b(I, {
                     key: 4,
                     content: "",
                     language: O.value,
                     lineNumbers: "",
                     lint: "",
-                    modelValue: ((f = (d = (n = c(a)) == null ? void 0 : n.body) == null ? void 0 : d.raw) == null ? void 0 : f.value) ?? "",
+                    modelValue: ((p = (d = (n = c(a)) == null ? void 0 : n.body) == null ? void 0 : d.raw) == null ? void 0 : p.value) ?? "",
                     "onUpdate:modelValue": $
                   }, null, 8, ["language", "modelValue"]))
                 ];

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

@@ -16,7 +16,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, w = {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.1.49";
+    }, h = "2.1.51";
     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", {

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
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.49",
+  "version": "2.1.51",
   "engines": {
     "node": ">=18"
   },
@@ -155,17 +155,18 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/components": "0.12.69",
+    "@scalar/components": "0.12.71",
     "@scalar/draggable": "0.1.7",
     "@scalar/icons": "0.1.1",
     "@scalar/import": "0.1.1",
-    "@scalar/oas-utils": "0.2.75",
+    "@scalar/oas-utils": "0.2.76",
     "@scalar/object-utils": "1.1.12",
     "@scalar/openapi-parser": "0.8.9",
     "@scalar/openapi-types": "0.1.5",
     "@scalar/themes": "0.9.48",
-    "@scalar/use-codemirror": "0.11.36",
     "@scalar/types": "0.0.19",
+    "@scalar/use-codemirror": "0.11.38",
+    "@scalar/use-hooks": "0.1.0",
     "@scalar/use-toasts": "0.7.7",
     "@scalar/use-tooltip": "1.0.4"
   },

package/dist/hooks/useClipboard.d.ts

@@ -1,4 +0,0 @@
-export declare const useClipboard: () => {
-    copyToClipboard: (value: string) => void;
-};
-//# sourceMappingURL=useClipboard.d.ts.map

package/dist/hooks/useClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useClipboard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;6BAGS,MAAM;CAQvC,CAAA"}

package/dist/hooks/useClipboard.js

@@ -1,14 +0,0 @@
-import { useToasts as r } from "@scalar/use-toasts";
-const a = () => {
-  const { toast: o } = r();
-  return {
-    copyToClipboard: (t) => {
-      navigator.clipboard.writeText(t).then(() => {
-        o("Copied to the clipboard.", "info");
-      });
-    }
-  };
-};
-export {
-  a as useClipboard
-};

package/dist/hooks/useDarkModeState.d.ts

@@ -1,8 +0,0 @@
-/** This hook helps with retrieving the dark mode setting from local storage or from system settings. */
-export declare function useDarkModeState(): {
-    colorMode: import("vue").Ref<"light" | "dark" | "system", "light" | "dark" | "system">;
-    toggleDarkMode: () => void;
-    setDarkMode: (value: boolean | null) => void;
-    getSystemModePreference: () => boolean;
-};
-//# sourceMappingURL=useDarkModeState.d.ts.map

package/dist/hooks/useDarkModeState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDarkModeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDarkModeState.ts"],"names":[],"mappings":"AAIA,wGAAwG;AACxG,wBAAgB,gBAAgB;;;yBAYF,OAAO,GAAG,IAAI;;EA+E3C"}

package/dist/hooks/useDarkModeState.js

@@ -1,46 +0,0 @@
-import { ref as r, watch as l, onMounted as s, onUnmounted as c } from "vue";
-const o = r("dark");
-function f() {
-  const a = () => {
-    var e;
-    o.value = o.value === "dark" ? "light" : "dark", typeof window < "u" && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("colorMode", o.value));
-  };
-  function i(e) {
-    var d;
-    o.value = e === null ? "system" : e ? "dark" : "light", typeof window < "u" && ((d = window == null ? void 0 : window.localStorage) == null || d.setItem("colorMode", o.value));
-  }
-  const t = () => {
-    var e;
-    return typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function" ? (e = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : e.matches : !1;
-  }, n = (e) => {
-    typeof document < "u" && (e === null ? (document.body.classList.toggle("dark-mode", t()), document.body.classList.toggle("light-mode", !t())) : (document.body.classList.toggle("dark-mode", e === !0), document.body.classList.toggle("light-mode", e === !1)));
-  };
-  return o.value = typeof window > "u" ? "dark" : localStorage.getItem("colorMode") || "dark", n(
-    o.value === "dark" || o.value === "system" && t()
-  ), l(
-    o,
-    (e) => {
-      n(
-        e === "dark" || e === "system" && t()
-      );
-    },
-    { immediate: !0 }
-  ), s(() => {
-    if (typeof window < "u" && typeof window.matchMedia == "function") {
-      const e = window.matchMedia("(prefers-color-scheme: dark)"), d = () => {
-        o.value === "system" && n(t());
-      };
-      e.addEventListener("change", d), c(() => {
-        e.removeEventListener("change", d);
-      });
-    }
-  }), {
-    colorMode: o,
-    toggleDarkMode: a,
-    setDarkMode: i,
-    getSystemModePreference: t
-  };
-}
-export {
-  f as useDarkModeState
-};