@scalar/use-hooks 0.1.47 → 0.1.48

package/dist/useClipboard/useClipboard.d.ts

@@ -1,4 +1,4 @@
-import type { UseClipboardOptions } from './types';
+import type { UseClipboardOptions } from './types.js';
 /**
  * A hook for interacting with the clipboard
  */

package/dist/useClipboard/useClipboard.js

@@ -1,15 +1,20 @@
-import { useToasts as c } from "@scalar/use-toasts";
-function p(t = {}) {
-  const { notify: r = (o) => e(o, "info") } = t, { toast: e } = c();
-  async function a(o) {
+import { useToasts } from "@scalar/use-toasts";
+function useClipboard(opts = {}) {
+  const { notify = (m) => toast(m, "info") } = opts;
+  const { toast } = useToasts();
+  async function copyToClipboard(value) {
     try {
-      await navigator.clipboard.writeText(o), r("Copied to the clipboard");
-    } catch (i) {
-      console.error(i.message), r("Failed to copy to clipboard");
+      await navigator.clipboard.writeText(value);
+      notify("Copied to the clipboard");
+    } catch (e) {
+      const error = e;
+      console.error(error.message);
+      notify("Failed to copy to clipboard");
     }
   }
-  return { copyToClipboard: a };
+  return { copyToClipboard };
 }
 export {
-  p as useClipboard
+  useClipboard
 };
+//# sourceMappingURL=useClipboard.js.map

package/dist/useClipboard/useClipboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useClipboard/useClipboard.ts"],
+  "sourcesContent": ["import { useToasts } from '@scalar/use-toasts'\n\nimport type { UseClipboardOptions } from './types'\n\n/**\n * A hook for interacting with the clipboard\n */\nexport function useClipboard(opts: UseClipboardOptions = {}) {\n  const { notify = (m) => toast(m, 'info') } = opts\n  const { toast } = useToasts()\n\n  async function copyToClipboard(value: string) {\n    try {\n      await navigator.clipboard.writeText(value)\n      notify('Copied to the clipboard')\n    } catch (e) {\n      const error = e as Error\n      console.error(error.message)\n      notify('Failed to copy to clipboard')\n    }\n  }\n\n  return { copyToClipboard }\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAOnB,SAAS,aAAa,OAA4B,CAAC,GAAG;AAC3D,QAAM,EAAE,SAAS,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,IAAI;AAC7C,QAAM,EAAE,MAAM,IAAI,UAAU;AAE5B,iBAAe,gBAAgB,OAAe;AAC5C,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK;AACzC,aAAO,yBAAyB;AAAA,IAClC,SAAS,GAAG;AACV,YAAM,QAAQ;AACd,cAAQ,MAAM,MAAM,OAAO;AAC3B,aAAO,6BAA6B;AAAA,IACtC;AAAA,EACF;AAEA,SAAO,EAAE,gBAAgB;AAC3B;",
+  "names": []
+}

package/dist/useClipboard/useClipboard.test.js

@@ -0,0 +1,70 @@
+import { useToasts } from "@scalar/use-toasts";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { useClipboard } from "./useClipboard.js";
+vi.mock("@scalar/use-toasts", () => ({
+  useToasts: vi.fn().mockReturnValue({
+    toast: vi.fn(),
+    initializeToasts: vi.fn()
+  })
+}));
+describe("useClipboard", () => {
+  beforeEach(() => {
+    Object.defineProperty(navigator, "clipboard", {
+      value: {
+        writeText: vi.fn().mockResolvedValue(void 0)
+      },
+      writable: true
+    });
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
+    vi.unstubAllGlobals();
+  });
+  it("copies text to clipboard", async () => {
+    const { copyToClipboard } = useClipboard();
+    await copyToClipboard("test text");
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith("test text");
+  });
+  it("shows a toast notification when text is copied", async () => {
+    const mockToast = vi.fn();
+    vi.mocked(useToasts).mockReturnValue({
+      toast: mockToast,
+      initializeToasts: vi.fn()
+    });
+    const { copyToClipboard } = useClipboard();
+    await copyToClipboard("test text");
+    expect(mockToast).toHaveBeenCalledWith("Copied to the clipboard", "info");
+  });
+  it("calls custom notify function when provided", async () => {
+    const customNotify = vi.fn();
+    const { copyToClipboard } = useClipboard({ notify: customNotify });
+    await copyToClipboard("test text");
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith("test text");
+    expect(customNotify).toHaveBeenCalledWith("Copied to the clipboard");
+  });
+  it("handles clipboard errors gracefully", async () => {
+    const mockConsole = vi.fn();
+    vi.stubGlobal("console", { error: mockConsole });
+    Object.defineProperty(navigator, "clipboard", {
+      value: {
+        writeText: vi.fn().mockRejectedValue(new Error("Clipboard error"))
+      },
+      writable: true
+    });
+    const notify = vi.fn();
+    const { copyToClipboard } = useClipboard({ notify });
+    await copyToClipboard("test text");
+    expect(notify).toHaveBeenCalledWith("Failed to copy to clipboard");
+    expect(mockConsole).toHaveBeenCalledWith("Clipboard error");
+  });
+  it("works in SSG environment without navigator", async () => {
+    const originalNavigator = global.navigator;
+    delete global.navigator;
+    const notify = vi.fn();
+    const { copyToClipboard } = useClipboard({ notify });
+    await copyToClipboard("test text");
+    expect(notify).toHaveBeenCalledWith("Failed to copy to clipboard");
+    global.navigator = originalNavigator;
+  });
+});
+//# sourceMappingURL=useClipboard.test.js.map

package/dist/useClipboard/useClipboard.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useClipboard/useClipboard.test.ts"],
+  "sourcesContent": ["import { useToasts } from '@scalar/use-toasts'\nimport { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\n\nimport { useClipboard } from './useClipboard'\n\nvi.mock('@scalar/use-toasts', () => ({\n  useToasts: vi.fn().mockReturnValue({\n    toast: vi.fn(),\n    initializeToasts: vi.fn(),\n  }),\n}))\n\ndescribe('useClipboard', () => {\n  beforeEach(() => {\n    // Mock clipboard API\n    Object.defineProperty(navigator, 'clipboard', {\n      value: {\n        writeText: vi.fn().mockResolvedValue(undefined),\n      },\n      writable: true,\n    })\n  })\n\n  afterEach(() => {\n    vi.clearAllMocks()\n    vi.unstubAllGlobals()\n  })\n\n  it('copies text to clipboard', async () => {\n    const { copyToClipboard } = useClipboard()\n\n    await copyToClipboard('test text')\n\n    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('test text')\n  })\n\n  it('shows a toast notification when text is copied', async () => {\n    const mockToast = vi.fn()\n    vi.mocked(useToasts).mockReturnValue({\n      toast: mockToast,\n      initializeToasts: vi.fn(),\n    })\n\n    const { copyToClipboard } = useClipboard()\n    await copyToClipboard('test text')\n\n    expect(mockToast).toHaveBeenCalledWith('Copied to the clipboard', 'info')\n  })\n\n  it('calls custom notify function when provided', async () => {\n    const customNotify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify: customNotify })\n\n    await copyToClipboard('test text')\n\n    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('test text')\n    expect(customNotify).toHaveBeenCalledWith('Copied to the clipboard')\n  })\n\n  it('handles clipboard errors gracefully', async () => {\n    const mockConsole = vi.fn()\n    vi.stubGlobal('console', { error: mockConsole })\n\n    // Mock clipboard failure\n    Object.defineProperty(navigator, 'clipboard', {\n      value: {\n        writeText: vi.fn().mockRejectedValue(new Error('Clipboard error')),\n      },\n      writable: true,\n    })\n\n    const notify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify })\n\n    await copyToClipboard('test text')\n\n    expect(notify).toHaveBeenCalledWith('Failed to copy to clipboard')\n    expect(mockConsole).toHaveBeenCalledWith('Clipboard error')\n  })\n\n  it('works in SSG environment without navigator', async () => {\n    const originalNavigator = global.navigator\n\n    // Mock SSG environment by removing navigator\n    // @ts-expect-error\n    delete global.navigator\n\n    const notify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify })\n\n    await copyToClipboard('test text')\n\n    // Should show error notification since clipboard is not available\n    expect(notify).toHaveBeenCalledWith('Failed to copy to clipboard')\n\n    // Restore navigator\n    global.navigator = originalNavigator\n  })\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,YAAY,UAAU,QAAQ,IAAI,UAAU;AAEhE,SAAS,oBAAoB;AAE7B,GAAG,KAAK,sBAAsB,OAAO;AAAA,EACnC,WAAW,GAAG,GAAG,EAAE,gBAAgB;AAAA,IACjC,OAAO,GAAG,GAAG;AAAA,IACb,kBAAkB,GAAG,GAAG;AAAA,EAC1B,CAAC;AACH,EAAE;AAEF,SAAS,gBAAgB,MAAM;AAC7B,aAAW,MAAM;AAEf,WAAO,eAAe,WAAW,aAAa;AAAA,MAC5C,OAAO;AAAA,QACL,WAAW,GAAG,GAAG,EAAE,kBAAkB,MAAS;AAAA,MAChD;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,CAAC;AAED,YAAU,MAAM;AACd,OAAG,cAAc;AACjB,OAAG,iBAAiB;AAAA,EACtB,CAAC;AAED,KAAG,4BAA4B,YAAY;AACzC,UAAM,EAAE,gBAAgB,IAAI,aAAa;AAEzC,UAAM,gBAAgB,WAAW;AAEjC,WAAO,UAAU,UAAU,SAAS,EAAE,qBAAqB,WAAW;AAAA,EACxE,CAAC;AAED,KAAG,kDAAkD,YAAY;AAC/D,UAAM,YAAY,GAAG,GAAG;AACxB,OAAG,OAAO,SAAS,EAAE,gBAAgB;AAAA,MACnC,OAAO;AAAA,MACP,kBAAkB,GAAG,GAAG;AAAA,IAC1B,CAAC;AAED,UAAM,EAAE,gBAAgB,IAAI,aAAa;AACzC,UAAM,gBAAgB,WAAW;AAEjC,WAAO,SAAS,EAAE,qBAAqB,2BAA2B,MAAM;AAAA,EAC1E,CAAC;AAED,KAAG,8CAA8C,YAAY;AAC3D,UAAM,eAAe,GAAG,GAAG;AAC3B,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,QAAQ,aAAa,CAAC;AAEjE,UAAM,gBAAgB,WAAW;AAEjC,WAAO,UAAU,UAAU,SAAS,EAAE,qBAAqB,WAAW;AACtE,WAAO,YAAY,EAAE,qBAAqB,yBAAyB;AAAA,EACrE,CAAC;AAED,KAAG,uCAAuC,YAAY;AACpD,UAAM,cAAc,GAAG,GAAG;AAC1B,OAAG,WAAW,WAAW,EAAE,OAAO,YAAY,CAAC;AAG/C,WAAO,eAAe,WAAW,aAAa;AAAA,MAC5C,OAAO;AAAA,QACL,WAAW,GAAG,GAAG,EAAE,kBAAkB,IAAI,MAAM,iBAAiB,CAAC;AAAA,MACnE;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,SAAS,GAAG,GAAG;AACrB,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,OAAO,CAAC;AAEnD,UAAM,gBAAgB,WAAW;AAEjC,WAAO,MAAM,EAAE,qBAAqB,6BAA6B;AACjE,WAAO,WAAW,EAAE,qBAAqB,iBAAiB;AAAA,EAC5D,CAAC;AAED,KAAG,8CAA8C,YAAY;AAC3D,UAAM,oBAAoB,OAAO;AAIjC,WAAO,OAAO;AAEd,UAAM,SAAS,GAAG,GAAG;AACrB,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,OAAO,CAAC;AAEnD,UAAM,gBAAgB,WAAW;AAGjC,WAAO,MAAM,EAAE,qBAAqB,6BAA6B;AAGjE,WAAO,YAAY;AAAA,EACrB,CAAC;AACH,CAAC;",
+  "names": []
+}

package/dist/useColorMode/index.d.ts

@@ -1,3 +1,3 @@
 export * from './useColorMode.js';
-export * from './types';
+export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/useColorMode/index.js

@@ -1,4 +1,3 @@
-import { useColorMode as r } from "./useColorMode.js";
-export {
-  r as useColorMode
-};
+export * from "./useColorMode.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/useColorMode/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useColorMode/index.ts"],
+  "sourcesContent": ["export * from './useColorMode'\nexport * from './types'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/useColorMode/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/useColorMode/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/useColorMode/useColorMode.d.ts

@@ -1,4 +1,4 @@
-import type { ColorMode, DarkLightMode, UseColorModeOptions } from './types';
+import type { ColorMode, DarkLightMode, UseColorModeOptions } from './types.js';
 /**
  * A composable hook that provides color mode (dark/light) functionality.
  */

package/dist/useColorMode/useColorMode.js

@@ -1,61 +1,87 @@
-import { ref as y, computed as a, watch as M, onMounted as h, onUnmounted as g } from "vue";
-import { z as p } from "zod";
-const o = y("dark"), v = p.enum(["dark", "light", "system"]).optional().catch(void 0);
-function L(c = {}) {
-  var s;
-  const { initialColorMode: l = "system", overrideColorMode: u } = c;
-  function m() {
-    var e;
-    o.value = r.value === "dark" ? "light" : "dark", !(typeof window > "u") && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("colorMode", o.value));
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
+import { z } from "zod";
+const colorMode = ref("dark");
+const colorModeSchema = z.enum(["dark", "light", "system"]).optional().catch(void 0);
+function useColorMode(opts = {}) {
+  const { initialColorMode = "system", overrideColorMode } = opts;
+  function toggleColorMode() {
+    colorMode.value = darkLightMode.value === "dark" ? "light" : "dark";
+    if (typeof window === "undefined") {
+      return;
+    }
+    window?.localStorage?.setItem("colorMode", colorMode.value);
   }
-  function d(e) {
-    var t;
-    o.value = e, !(typeof window > "u") && ((t = window == null ? void 0 : window.localStorage) == null || t.setItem("colorMode", o.value));
+  function setColorMode(value) {
+    colorMode.value = value;
+    if (typeof window === "undefined") {
+      return;
+    }
+    window?.localStorage?.setItem("colorMode", colorMode.value);
   }
-  function n() {
-    var e;
-    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";
+  function getSystemModePreference() {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    if (typeof window?.matchMedia !== "function") {
+      return "dark";
+    }
+    return window?.matchMedia("(prefers-color-scheme: dark)")?.matches ? "dark" : "light";
   }
-  const r = a({
-    get: () => o.value === "system" ? n() : o.value,
-    set: d
-  }), f = a({
-    get: () => r.value === "dark",
-    set: (e) => d(e ? "dark" : "light")
+  const darkLightMode = computed({
+    get: () => colorMode.value === "system" ? getSystemModePreference() : colorMode.value,
+    set: setColorMode
+  });
+  const isDarkMode = computed({
+    get: () => darkLightMode.value === "dark",
+    set: (value) => setColorMode(value ? "dark" : "light")
   });
-  function i(e) {
-    if (typeof document > "u" || typeof window > "u")
+  function applyColorMode(mode) {
+    if (typeof document === "undefined" || typeof window === "undefined") {
       return;
-    (u ?? (e === "system" ? n() : 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 classMode = overrideColorMode ?? (mode === "system" ? getSystemModePreference() : mode);
+    if (classMode === "dark") {
+      document.body.classList.add("dark-mode");
+      document.body.classList.remove("light-mode");
+    } else {
+      document.body.classList.add("light-mode");
+      document.body.classList.remove("dark-mode");
+    }
   }
-  const w = v.parse(
-    typeof window < "u" ? (s = window == null ? void 0 : window.localStorage) == null ? void 0 : s.getItem("colorMode") : "system"
+  const savedColorMode = colorModeSchema.parse(
+    typeof window !== "undefined" ? window?.localStorage?.getItem("colorMode") : "system"
   );
-  return o.value = w ?? l, M(o, i, { immediate: !0 }), h(() => {
-    if (typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function") {
-      const e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => o.value === "system" && i("system");
-      e.addEventListener("change", t), g(() => {
-        e.removeEventListener("change", t);
+  colorMode.value = savedColorMode ?? initialColorMode;
+  watch(colorMode, applyColorMode, { immediate: true });
+  onMounted(() => {
+    if (typeof window !== "undefined" && typeof window?.matchMedia === "function") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      const handleChange = () => colorMode.value === "system" && applyColorMode("system");
+      mediaQuery.addEventListener("change", handleChange);
+      onUnmounted(() => {
+        mediaQuery.removeEventListener("change", handleChange);
       });
     }
-  }), {
+  });
+  return {
     /** The current color mode (writable). */
-    colorMode: a({
-      get: () => o.value,
-      set: d
+    colorMode: computed({
+      get: () => colorMode.value,
+      set: setColorMode
     }),
     /** The computed dark/light mode (writable). */
-    darkLightMode: r,
+    darkLightMode,
     /** Whether the current color mode is dark (writable). */
-    isDarkMode: f,
+    isDarkMode,
     /** Toggles the color mode between light and dark. */
-    toggleColorMode: m,
+    toggleColorMode,
     /** Sets the color mode to the specified value. */
-    setColorMode: d,
+    setColorMode,
     /** Gets the system mode preference. */
-    getSystemModePreference: n
+    getSystemModePreference
   };
 }
 export {
-  L as useColorMode
+  useColorMode
 };
+//# sourceMappingURL=useColorMode.js.map

package/dist/useColorMode/useColorMode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useColorMode/useColorMode.ts"],
+  "sourcesContent": ["import { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { z } from 'zod'\n\nimport type { ColorMode, DarkLightMode, UseColorModeOptions } from './types'\n\nconst colorMode = ref<ColorMode>('dark')\n\nconst colorModeSchema = z.enum(['dark', 'light', 'system']).optional().catch(undefined)\n\n/**\n * A composable hook that provides color mode (dark/light) functionality.\n */\nexport function useColorMode(opts: UseColorModeOptions = {}) {\n  const { initialColorMode = 'system', overrideColorMode } = opts\n\n  /** Toggles the color mode between light and dark. */\n  function toggleColorMode() {\n    // Update state\n    colorMode.value = darkLightMode.value === 'dark' ? 'light' : 'dark'\n\n    // Store in local storage\n    if (typeof window === 'undefined') {\n      return\n    }\n    window?.localStorage?.setItem('colorMode', colorMode.value)\n  }\n\n  /** Sets the color mode to the specified value. */\n  function setColorMode(value: ColorMode) {\n    colorMode.value = value\n    if (typeof window === 'undefined') {\n      return\n    }\n    window?.localStorage?.setItem('colorMode', colorMode.value)\n  }\n\n  /** Gets the system mode preference. */\n  function getSystemModePreference(): DarkLightMode {\n    if (typeof window === 'undefined') {\n      return 'light'\n    }\n    if (typeof window?.matchMedia !== 'function') {\n      return 'dark'\n    }\n\n    return window?.matchMedia('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n  }\n\n  /** Writable computed ref for dark/light mode with system preference applied */\n  const darkLightMode = computed<DarkLightMode>({\n    get: () => (colorMode.value === 'system' ? getSystemModePreference() : colorMode.value),\n    set: setColorMode,\n  })\n\n  /** Writable computed ref for whether the current color mode is dark */\n  const isDarkMode = computed<boolean>({\n    get: () => darkLightMode.value === 'dark',\n    set: (value) => setColorMode(value ? 'dark' : 'light'),\n  })\n\n  /** Applies the appropriate color mode class to the body. */\n  function applyColorMode(mode: ColorMode): void {\n    if (typeof document === 'undefined' || typeof window === 'undefined') {\n      return\n    }\n\n    const classMode = overrideColorMode ?? (mode === 'system' ? getSystemModePreference() : mode)\n\n    if (classMode === 'dark') {\n      document.body.classList.add('dark-mode')\n      document.body.classList.remove('light-mode')\n    } else {\n      document.body.classList.add('light-mode')\n      document.body.classList.remove('dark-mode')\n    }\n  }\n\n  // Priority of initial values is: LocalStorage -> App Config -> initial / Fallback\n  const savedColorMode = colorModeSchema.parse(\n    typeof window !== 'undefined' ? window?.localStorage?.getItem('colorMode') : 'system',\n  )\n  colorMode.value = savedColorMode ?? initialColorMode\n\n  // Watch for colorMode changes and update the body class\n  watch(colorMode, applyColorMode, { immediate: true })\n\n  // Listen to system preference changes\n  onMounted(() => {\n    if (typeof window !== 'undefined' && typeof window?.matchMedia === 'function') {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n      const handleChange = () => colorMode.value === 'system' && applyColorMode('system')\n\n      mediaQuery.addEventListener('change', handleChange)\n\n      onUnmounted(() => {\n        mediaQuery.removeEventListener('change', handleChange)\n      })\n    }\n  })\n\n  return {\n    /** The current color mode (writable). */\n    colorMode: computed({\n      get: () => colorMode.value,\n      set: setColorMode,\n    }),\n    /** The computed dark/light mode (writable). */\n    darkLightMode,\n    /** Whether the current color mode is dark (writable). */\n    isDarkMode,\n    /** Toggles the color mode between light and dark. */\n    toggleColorMode,\n    /** Sets the color mode to the specified value. */\n    setColorMode,\n    /** Gets the system mode preference. */\n    getSystemModePreference,\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,UAAU,WAAW,aAAa,KAAK,aAAa;AAC7D,SAAS,SAAS;AAIlB,MAAM,YAAY,IAAe,MAAM;AAEvC,MAAM,kBAAkB,EAAE,KAAK,CAAC,QAAQ,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,MAAS;AAK/E,SAAS,aAAa,OAA4B,CAAC,GAAG;AAC3D,QAAM,EAAE,mBAAmB,UAAU,kBAAkB,IAAI;AAG3D,WAAS,kBAAkB;AAEzB,cAAU,QAAQ,cAAc,UAAU,SAAS,UAAU;AAG7D,QAAI,OAAO,WAAW,aAAa;AACjC;AAAA,IACF;AACA,YAAQ,cAAc,QAAQ,aAAa,UAAU,KAAK;AAAA,EAC5D;AAGA,WAAS,aAAa,OAAkB;AACtC,cAAU,QAAQ;AAClB,QAAI,OAAO,WAAW,aAAa;AACjC;AAAA,IACF;AACA,YAAQ,cAAc,QAAQ,aAAa,UAAU,KAAK;AAAA,EAC5D;AAGA,WAAS,0BAAyC;AAChD,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,QAAI,OAAO,QAAQ,eAAe,YAAY;AAC5C,aAAO;AAAA,IACT;AAEA,WAAO,QAAQ,WAAW,8BAA8B,GAAG,UAAU,SAAS;AAAA,EAChF;AAGA,QAAM,gBAAgB,SAAwB;AAAA,IAC5C,KAAK,MAAO,UAAU,UAAU,WAAW,wBAAwB,IAAI,UAAU;AAAA,IACjF,KAAK;AAAA,EACP,CAAC;AAGD,QAAM,aAAa,SAAkB;AAAA,IACnC,KAAK,MAAM,cAAc,UAAU;AAAA,IACnC,KAAK,CAAC,UAAU,aAAa,QAAQ,SAAS,OAAO;AAAA,EACvD,CAAC;AAGD,WAAS,eAAe,MAAuB;AAC7C,QAAI,OAAO,aAAa,eAAe,OAAO,WAAW,aAAa;AACpE;AAAA,IACF;AAEA,UAAM,YAAY,sBAAsB,SAAS,WAAW,wBAAwB,IAAI;AAExF,QAAI,cAAc,QAAQ;AACxB,eAAS,KAAK,UAAU,IAAI,WAAW;AACvC,eAAS,KAAK,UAAU,OAAO,YAAY;AAAA,IAC7C,OAAO;AACL,eAAS,KAAK,UAAU,IAAI,YAAY;AACxC,eAAS,KAAK,UAAU,OAAO,WAAW;AAAA,IAC5C;AAAA,EACF;AAGA,QAAM,iBAAiB,gBAAgB;AAAA,IACrC,OAAO,WAAW,cAAc,QAAQ,cAAc,QAAQ,WAAW,IAAI;AAAA,EAC/E;AACA,YAAU,QAAQ,kBAAkB;AAGpC,QAAM,WAAW,gBAAgB,EAAE,WAAW,KAAK,CAAC;AAGpD,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,eAAe,OAAO,QAAQ,eAAe,YAAY;AAC7E,YAAM,aAAa,OAAO,WAAW,8BAA8B;AACnE,YAAM,eAAe,MAAM,UAAU,UAAU,YAAY,eAAe,QAAQ;AAElF,iBAAW,iBAAiB,UAAU,YAAY;AAElD,kBAAY,MAAM;AAChB,mBAAW,oBAAoB,UAAU,YAAY;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AAAA;AAAA,IAEL,WAAW,SAAS;AAAA,MAClB,KAAK,MAAM,UAAU;AAAA,MACrB,KAAK;AAAA,IACP,CAAC;AAAA;AAAA,IAED;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/useColorMode/useColorMode.test.js

@@ -0,0 +1,171 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { nextTick } from "vue";
+import { useColorMode } from "./useColorMode.js";
+vi.mock("vue", async () => {
+  const actual = await vi.importActual("vue");
+  return { ...actual, onMounted: vi.fn((fn) => fn()), onUnmounted: vi.fn() };
+});
+const actualMatchMedia = window.matchMedia;
+describe("useColorMode", () => {
+  beforeEach(() => {
+    document.body.classList.remove("dark-mode", "light-mode");
+    localStorage.clear();
+  });
+  afterEach(() => {
+    vi.restoreAllMocks();
+    window.matchMedia = actualMatchMedia;
+  });
+  it("defaults to system mode preference", () => {
+    const { colorMode } = useColorMode();
+    expect(colorMode.value).toBe("system");
+  });
+  it.each(["light", "dark"])("respects localStorage value: %s", (mode) => {
+    localStorage.setItem("colorMode", mode);
+    const { colorMode } = useColorMode();
+    expect(colorMode.value).toBe(mode);
+  });
+  it("handles unknown localStorage values", () => {
+    localStorage.setItem("colorMode", "foobar");
+    expect(() => useColorMode()).not.toThrow();
+  });
+  it.each(["light", "dark"])("toggles between light and dark mode when system is %s", (mode) => {
+    window.matchMedia = vi.fn().mockImplementation((query) => ({
+      matches: query === `(prefers-color-scheme: ${mode})`,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn()
+    }));
+    const { colorMode, darkLightMode, toggleColorMode } = useColorMode();
+    expect(colorMode.value).toBe("system");
+    expect(darkLightMode.value).toBe(mode);
+    toggleColorMode();
+    const inverted = mode === "light" ? "dark" : "light";
+    expect(colorMode.value).toBe(inverted);
+    expect(darkLightMode.value).toBe(inverted);
+    expect(localStorage.getItem("colorMode")).toBe(inverted);
+    toggleColorMode();
+    expect(colorMode.value).toBe(mode);
+    expect(darkLightMode.value).toBe(mode);
+    expect(localStorage.getItem("colorMode")).toBe(mode);
+  });
+  it("sets specific color mode", () => {
+    const { colorMode, darkLightMode, setColorMode } = useColorMode();
+    setColorMode("light");
+    expect(colorMode.value).toBe("light");
+    expect(darkLightMode.value).toBe("light");
+    expect(localStorage.getItem("colorMode")).toBe("light");
+    setColorMode("dark");
+    expect(colorMode.value).toBe("dark");
+    expect(darkLightMode.value).toBe("dark");
+    expect(localStorage.getItem("colorMode")).toBe("dark");
+  });
+  it("allows setting colorMode via the computed ref", () => {
+    const { colorMode } = useColorMode();
+    colorMode.value = "dark";
+    expect(colorMode.value).toBe("dark");
+    colorMode.value = "light";
+    expect(colorMode.value).toBe("light");
+  });
+  it.each(["light", "dark"])("isDarkMode is computed correctly when colorMode is %s", (mode) => {
+    const { isDarkMode, setColorMode } = useColorMode();
+    setColorMode(mode);
+    expect(isDarkMode.value).toBe(mode === "dark");
+  });
+  it("allows setting isDarkMode via the computed ref", () => {
+    const { isDarkMode } = useColorMode();
+    isDarkMode.value = true;
+    expect(isDarkMode.value).toBe(true);
+    isDarkMode.value = false;
+    expect(isDarkMode.value).toBe(false);
+  });
+  it.each(["light", "dark"])("detects system %s mode preference", (mode) => {
+    window.matchMedia = vi.fn().mockImplementation((query) => ({
+      matches: query === `(prefers-color-scheme: ${mode})`,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn()
+    }));
+    const { getSystemModePreference, darkLightMode } = useColorMode();
+    expect(getSystemModePreference()).toBe(mode);
+    expect(darkLightMode.value).toBe(mode);
+  });
+  it("applies correct classes to body", async () => {
+    const { setColorMode } = useColorMode();
+    setColorMode("dark");
+    await nextTick();
+    expect(document.body.classList.contains("dark-mode")).toBe(true);
+    expect(document.body.classList.contains("light-mode")).toBe(false);
+    setColorMode("light");
+    await nextTick();
+    expect(document.body.classList.contains("light-mode")).toBe(true);
+    expect(document.body.classList.contains("dark-mode")).toBe(false);
+  });
+  it("listens to system preference changes", async () => {
+    let mediaQueryCallback = () => {
+    };
+    const mockMediaQuery = (matches) => ({
+      matches,
+      addEventListener: vi.fn((_, callback) => mediaQueryCallback = callback),
+      removeEventListener: vi.fn()
+    });
+    const mocked = mockMediaQuery(false);
+    window.matchMedia = vi.fn().mockReturnValue(mocked);
+    const { setColorMode } = useColorMode();
+    setColorMode("system");
+    expect(mocked.addEventListener).toHaveBeenCalledWith("change", expect.any(Function));
+    await nextTick();
+    expect(document.body.classList.contains("light-mode")).toBe(true);
+    expect(document.body.classList.contains("dark-mode")).toBe(false);
+    if (mediaQueryCallback) {
+      window.matchMedia = vi.fn().mockReturnValue(mockMediaQuery(true));
+      mediaQueryCallback();
+      await nextTick();
+      expect(document.body.classList.contains("light-mode")).toBe(false);
+      expect(document.body.classList.contains("dark-mode")).toBe(true);
+    }
+  });
+  it.each(["light", "dark", "system"])("respects initialColorMode option: %s", (initialColorMode) => {
+    const { colorMode } = useColorMode({ initialColorMode });
+    expect(colorMode.value).toBe(initialColorMode);
+  });
+  it("initialColorMode is overridden by localStorage value", () => {
+    localStorage.setItem("colorMode", "dark");
+    const { colorMode } = useColorMode({ initialColorMode: "light" });
+    expect(colorMode.value).toBe("dark");
+  });
+  it("respects overrideColorMode option", async () => {
+    const { setColorMode } = useColorMode({ overrideColorMode: "dark" });
+    setColorMode("light");
+    await nextTick();
+    expect(document.body.classList.contains("dark-mode")).toBe(true);
+    expect(document.body.classList.contains("light-mode")).toBe(false);
+    window.matchMedia = vi.fn().mockImplementation((query) => ({
+      matches: query === "(prefers-color-scheme: light)",
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn()
+    }));
+    setColorMode("system");
+    await nextTick();
+    expect(document.body.classList.contains("dark-mode")).toBe(true);
+    expect(document.body.classList.contains("light-mode")).toBe(false);
+  });
+  it("works in SSG environment without window/document", () => {
+    const originalWindow = global.window;
+    const originalDocument = global.document;
+    delete global.window;
+    delete global.document;
+    const { colorMode, darkLightMode, setColorMode, toggleColorMode } = useColorMode();
+    expect(colorMode.value).toBe("system");
+    expect(darkLightMode.value).toBe("light");
+    expect(() => setColorMode("dark")).not.toThrow();
+    expect(() => toggleColorMode()).not.toThrow();
+    global.window = originalWindow;
+    global.document = originalDocument;
+  });
+  it("handles missing matchMedia gracefully", () => {
+    const originalMatchMedia = window.matchMedia;
+    delete window.matchMedia;
+    const { darkLightMode } = useColorMode();
+    expect(darkLightMode.value).toBe("dark");
+    window.matchMedia = originalMatchMedia;
+  });
+});
+//# sourceMappingURL=useColorMode.test.js.map

package/dist/useColorMode/useColorMode.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useColorMode/useColorMode.test.ts"],
+  "sourcesContent": ["import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\nimport { nextTick } from 'vue'\n\nimport { useColorMode } from './useColorMode'\n\n// Mock only onMounted, keep real nextTick\nvi.mock('vue', async () => {\n  const actual = await vi.importActual('vue')\n  return { ...actual, onMounted: vi.fn((fn) => fn()), onUnmounted: vi.fn() }\n})\n\nconst actualMatchMedia = window.matchMedia\n\ndescribe('useColorMode', () => {\n  beforeEach(() => {\n    // Reset the DOM\n    document.body.classList.remove('dark-mode', 'light-mode')\n\n    // Clear localStorage\n    localStorage.clear()\n  })\n\n  afterEach(() => {\n    // Restore all mocks\n    vi.restoreAllMocks()\n\n    // Restore the original matchMedia\n    window.matchMedia = actualMatchMedia\n  })\n\n  it('defaults to system mode preference', () => {\n    const { colorMode } = useColorMode()\n    expect(colorMode.value).toBe('system')\n  })\n\n  it.each(['light', 'dark'] as const)('respects localStorage value: %s', (mode) => {\n    localStorage.setItem('colorMode', mode)\n    const { colorMode } = useColorMode()\n    expect(colorMode.value).toBe(mode)\n  })\n\n  it('handles unknown localStorage values', () => {\n    localStorage.setItem('colorMode', 'foobar')\n    expect(() => useColorMode()).not.toThrow()\n  })\n\n  it.each(['light', 'dark'] as const)('toggles between light and dark mode when system is %s', (mode) => {\n    // Mock the matchMedia to simulate system dark mode\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === `(prefers-color-scheme: ${mode})`,\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    const { colorMode, darkLightMode, toggleColorMode } = useColorMode()\n    expect(colorMode.value).toBe('system')\n    expect(darkLightMode.value).toBe(mode)\n\n    toggleColorMode()\n    const inverted = mode === 'light' ? 'dark' : 'light'\n    expect(colorMode.value).toBe(inverted)\n    expect(darkLightMode.value).toBe(inverted)\n    expect(localStorage.getItem('colorMode')).toBe(inverted)\n\n    toggleColorMode()\n    expect(colorMode.value).toBe(mode)\n    expect(darkLightMode.value).toBe(mode)\n    expect(localStorage.getItem('colorMode')).toBe(mode)\n  })\n\n  it('sets specific color mode', () => {\n    const { colorMode, darkLightMode, setColorMode } = useColorMode()\n\n    setColorMode('light')\n    expect(colorMode.value).toBe('light')\n    expect(darkLightMode.value).toBe('light')\n    expect(localStorage.getItem('colorMode')).toBe('light')\n\n    setColorMode('dark')\n    expect(colorMode.value).toBe('dark')\n    expect(darkLightMode.value).toBe('dark')\n    expect(localStorage.getItem('colorMode')).toBe('dark')\n  })\n\n  it('allows setting colorMode via the computed ref', () => {\n    const { colorMode } = useColorMode()\n\n    colorMode.value = 'dark'\n    expect(colorMode.value).toBe('dark')\n\n    colorMode.value = 'light'\n    expect(colorMode.value).toBe('light')\n  })\n\n  it.each(['light', 'dark'] as const)('isDarkMode is computed correctly when colorMode is %s', (mode) => {\n    const { isDarkMode, setColorMode } = useColorMode()\n\n    setColorMode(mode)\n    expect(isDarkMode.value).toBe(mode === 'dark')\n  })\n\n  it('allows setting isDarkMode via the computed ref', () => {\n    const { isDarkMode } = useColorMode()\n\n    isDarkMode.value = true\n    expect(isDarkMode.value).toBe(true)\n\n    isDarkMode.value = false\n    expect(isDarkMode.value).toBe(false)\n  })\n\n  it.each(['light', 'dark'] as const)('detects system %s mode preference', (mode) => {\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === `(prefers-color-scheme: ${mode})`,\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    const { getSystemModePreference, darkLightMode } = useColorMode()\n    expect(getSystemModePreference()).toBe(mode)\n    expect(darkLightMode.value).toBe(mode)\n  })\n\n  it('applies correct classes to body', async () => {\n    const { setColorMode } = useColorMode()\n\n    setColorMode('dark')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n\n    setColorMode('light')\n    await nextTick()\n    expect(document.body.classList.contains('light-mode')).toBe(true)\n    expect(document.body.classList.contains('dark-mode')).toBe(false)\n  })\n\n  it('listens to system preference changes', async () => {\n    let mediaQueryCallback: () => void = () => {}\n\n    const mockMediaQuery = (matches: boolean) => ({\n      matches,\n      addEventListener: vi.fn((_, callback) => (mediaQueryCallback = callback)),\n      removeEventListener: vi.fn(),\n    })\n\n    // Set the mock to return false for '(prefers-color-scheme: dark)'\n    const mocked = mockMediaQuery(false)\n    window.matchMedia = vi.fn().mockReturnValue(mocked)\n\n    const { setColorMode } = useColorMode()\n    setColorMode('system')\n\n    expect(mocked.addEventListener).toHaveBeenCalledWith('change', expect.any(Function))\n\n    await nextTick()\n\n    expect(document.body.classList.contains('light-mode')).toBe(true)\n    expect(document.body.classList.contains('dark-mode')).toBe(false)\n\n    // Simulate system preference change\n    if (mediaQueryCallback) {\n      window.matchMedia = vi.fn().mockReturnValue(mockMediaQuery(true))\n      mediaQueryCallback()\n      await nextTick()\n      expect(document.body.classList.contains('light-mode')).toBe(false)\n      expect(document.body.classList.contains('dark-mode')).toBe(true)\n    }\n  })\n\n  it.each(['light', 'dark', 'system'] as const)('respects initialColorMode option: %s', (initialColorMode) => {\n    const { colorMode } = useColorMode({ initialColorMode })\n    expect(colorMode.value).toBe(initialColorMode)\n  })\n\n  it('initialColorMode is overridden by localStorage value', () => {\n    localStorage.setItem('colorMode', 'dark')\n    const { colorMode } = useColorMode({ initialColorMode: 'light' })\n    expect(colorMode.value).toBe('dark')\n  })\n\n  it('respects overrideColorMode option', async () => {\n    const { setColorMode } = useColorMode({ overrideColorMode: 'dark' })\n\n    // Even when setting to light mode, it should stay dark due to override\n    setColorMode('light')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n\n    // Should stay dark even when system preference is light\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === '(prefers-color-scheme: light)',\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    setColorMode('system')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n  })\n\n  it('works in SSG environment without window/document', () => {\n    const originalWindow = global.window\n    const originalDocument = global.document\n\n    // Mock SSG environment by removing window/document\n    // @ts-expect-error\n    delete global.window\n    // @ts-expect-error\n    delete global.document\n\n    const { colorMode, darkLightMode, setColorMode, toggleColorMode } = useColorMode()\n\n    // Should default to light mode in SSG\n    expect(colorMode.value).toBe('system')\n    expect(darkLightMode.value).toBe('light')\n\n    // Methods should not throw without window/document\n    expect(() => setColorMode('dark')).not.toThrow()\n    expect(() => toggleColorMode()).not.toThrow()\n\n    // Restore window/document/localStorage\n    global.window = originalWindow\n    global.document = originalDocument\n  })\n\n  it('handles missing matchMedia gracefully', () => {\n    const originalMatchMedia = window.matchMedia\n    // @ts-expect-error - Intentionally removing matchMedia\n    delete window.matchMedia\n\n    const { darkLightMode } = useColorMode()\n    expect(darkLightMode.value).toBe('dark') // Should default to dark when matchMedia is unavailable\n\n    window.matchMedia = originalMatchMedia\n  })\n})\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/use-hooks"
   },
-  "version": "0.1.47",
+  "version": "0.1.48",
   "engines": {
     "node": ">=18"
   },
@@ -18,6 +18,11 @@
   "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
     "./useBindCx": {
       "import": "./dist/useBindCx/index.js",
       "types": "./dist/useBindCx/index.d.ts",
@@ -49,20 +54,18 @@
     "tailwind-merge": "^2.5.5",
     "vue": "^3.5.12",
     "zod": "3.24.1",
-    "@scalar/use-toasts": "0.7.9",
-    "@scalar/themes": "0.11.0"
+    "@scalar/themes": "0.11.1",
+    "@scalar/use-toasts": "0.7.10"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/test-utils": "^2.4.1",
     "vite": "^5.4.10",
     "zod-to-ts": "^1.2.0",
-    "@scalar/build-tooling": "0.1.18"
+    "@scalar/build-tooling": "0.1.19"
   },
   "scripts": {
-    "build": "scalar-build-vite",
-    "format": "scalar-format",
-    "format:check": "scalar-format-check",
+    "build": "scalar-build-esbuild",
     "lint:check": "scalar-lint-check",
     "lint:fix": "scalar-lint-fix",
     "test": "vitest",