@scalar/use-hooks 0.1.10 → 0.1.12

package/dist/useColorMode/useColorMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColorMode.d.ts","sourceRoot":"","sources":["../../src/useColorMode/useColorMode.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAS5E;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;;;;0BAc5B,SAAS;mCAOF,aAAa;EA+DlD"}
+{"version":3,"file":"useColorMode.d.ts","sourceRoot":"","sources":["../../src/useColorMode/useColorMode.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAS5E;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;;;;0BAc5B,SAAS;mCAOF,aAAa;EAqElD"}

package/dist/useColorMode/useColorMode.js

@@ -1,41 +1,41 @@
-import { ref as M, computed as c, watch as h, onMounted as w, onUnmounted as v } from "vue";
-import { z as y } from "zod";
-const o = M("dark"), g = y.enum(["dark", "light", "system"]).optional().catch(void 0);
-function C(i = {}) {
-  var a;
-  const { initialColorMode: s = "system", overrideColorMode: l } = i;
-  function m() {
+import { ref as w, computed as a, watch as y, onMounted as M, onUnmounted as h } from "vue";
+import { z as p } from "zod";
+const o = w("dark"), v = p.enum(["dark", "light", "system"]).optional().catch(void 0);
+function C(s = {}) {
+  var i;
+  const { initialColorMode: c = "system", overrideColorMode: l } = s;
+  function u() {
     var e;
     o.value = n.value === "dark" ? "light" : "dark", !(typeof window > "u") && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("colorMode", o.value));
   }
-  function u(e) {
+  function m(e) {
     var t;
     o.value = e, !(typeof window > "u") && ((t = window == null ? void 0 : window.localStorage) == null || t.setItem("colorMode", o.value));
   }
   function d() {
     var e;
-    return typeof (window == null ? void 0 : window.matchMedia) != "function" || (e = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) != null && e.matches ? "dark" : "light";
+    return typeof window > "u" ? "light" : typeof (window == null ? void 0 : window.matchMedia) != "function" || (e = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) != null && e.matches ? "dark" : "light";
   }
-  const n = c(() => o.value === "system" ? d() : o.value);
+  const n = a(() => o.value === "system" ? d() : o.value);
   function r(e) {
-    if (typeof document > "u") return;
+    if (typeof document > "u" || typeof window > "u") return;
     (l ?? (e === "system" ? d() : e)) === "dark" ? (document.body.classList.add("dark-mode"), document.body.classList.remove("light-mode")) : (document.body.classList.add("light-mode"), document.body.classList.remove("dark-mode"));
   }
-  const f = g.parse(
-    (a = window == null ? void 0 : window.localStorage) == null ? void 0 : a.getItem("colorMode")
+  const f = v.parse(
+    typeof window < "u" ? (i = window == null ? void 0 : window.localStorage) == null ? void 0 : i.getItem("colorMode") : "system"
   );
-  return o.value = f ?? s, h(o, r, { immediate: !0 }), w(() => {
-    if (typeof (window == null ? void 0 : window.matchMedia) == "function") {
+  return o.value = f ?? c, y(o, r, { immediate: !0 }), M(() => {
+    if (typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function") {
       const e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => o.value === "system" && r("system");
-      e.addEventListener("change", t), v(() => {
+      e.addEventListener("change", t), h(() => {
         e.removeEventListener("change", t);
       });
     }
   }), {
-    colorMode: c(() => o.value),
+    colorMode: a(() => o.value),
     darkLightMode: n,
-    toggleColorMode: m,
-    setColorMode: u,
+    toggleColorMode: u,
+    setColorMode: m,
     getSystemModePreference: d
   };
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/use-hooks"
   },
-  "version": "0.1.10",
+  "version": "0.1.12",
   "engines": {
     "node": ">=18"
   },
@@ -42,8 +42,8 @@
     "@vueuse/core": "^10.10.0",
     "vue": "^3.5.12",
     "zod": "^3.23.8",
-    "@scalar/use-toasts": "0.7.7",
-    "@scalar/themes": "0.9.57"
+    "@scalar/themes": "0.9.58",
+    "@scalar/use-toasts": "0.7.8"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",