@scalar/use-hooks 0.2.3 → 0.2.5

package/dist/useBreakpoints/useBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/useBreakpoints.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAA;AAI/C;;;;GAIG;AACH,wBAAgB,cAAc;IAc1B,6CAA6C;;;;;;;;;IAE7C,0DAA0D;;IAE1D,gDAAgD;;EAGnD"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/useBreakpoints.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAA;AAM/C;;;;GAIG;AACH,wBAAgB,cAAc;IAmB1B,6CAA6C;;;;;;;;;IAE7C,0DAA0D;;IAE1D,gDAAgD;;EAGnD"}

package/dist/useBreakpoints/useBreakpoints.js

@@ -1,10 +1,15 @@
-import { screens } from "./constants.js";
 import { useMediaQuery } from "@vueuse/core";
 import { computed, unref } from "vue";
+import { screens } from "./constants.js";
 function useBreakpoints() {
-  const mediaQueries = Object.fromEntries(
-    Object.entries(screens).map(([breakpoint, value]) => [breakpoint, useMediaQuery(value)])
-  );
+  const mediaQueries = {
+    xs: useMediaQuery(screens.xs),
+    sm: useMediaQuery(screens.sm),
+    md: useMediaQuery(screens.md),
+    lg: useMediaQuery(screens.lg),
+    xl: useMediaQuery(screens.xl),
+    zoomed: useMediaQuery(screens.zoomed)
+  };
   const breakpoints = computed(
     () => Object.fromEntries(
       Object.entries(mediaQueries).map(([breakpoint, queryRef]) => [breakpoint, unref(queryRef)])

package/dist/useBreakpoints/useBreakpoints.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useBreakpoints/useBreakpoints.ts"],
-  "sourcesContent": ["import { screens } from './constants'\nimport { useMediaQuery } from '@vueuse/core'\nimport { type Ref, computed, unref } from 'vue'\n\ntype Screen = keyof typeof screens\n\n/**\n * Exposes Tailwind CSS breakpoints as reactive media queries\n *\n * **Warning:** This hook is not a replacement for Tailwind CSS breakpoints. Using breakpoints in Javascript can cause issues with Server Side Rendering (SSR) and the Tailwind CSS breakpoints should be used when possible.\n */\nexport function useBreakpoints() {\n  const mediaQueries = Object.fromEntries(\n    Object.entries(screens).map(([breakpoint, value]) => [breakpoint, useMediaQuery(value)]),\n  ) as Record<Screen, Ref<boolean>>\n\n  // We make the breakpoints a computed object so that we can use them in templates as `breakpoints.x` instead of `breakpoints.x.value`\n  const breakpoints = computed(\n    () =>\n      Object.fromEntries(\n        Object.entries(mediaQueries).map(([breakpoint, queryRef]) => [breakpoint, unref(queryRef)]),\n      ) as Record<Screen, boolean>,\n  )\n\n  return {\n    /** The screen sizes defined in the preset */\n    screens,\n    /** Reactive media queries for each of the screen sizes */\n    mediaQueries,\n    /** The breakpoints as reactive media queries */\n    breakpoints,\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAmB,UAAU,aAAa;AASnC,SAAS,iBAAiB;AAC/B,QAAM,eAAe,OAAO;AAAA,IAC1B,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,YAAY,KAAK,MAAM,CAAC,YAAY,cAAc,KAAK,CAAC,CAAC;AAAA,EACzF;AAGA,QAAM,cAAc;AAAA,IAClB,MACE,OAAO;AAAA,MACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,YAAY,QAAQ,MAAM,CAAC,YAAY,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC5F;AAAA,EACJ;AAEA,SAAO;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useMediaQuery } from '@vueuse/core'\nimport { type Ref, computed, unref } from 'vue'\n\nimport { screens } from './constants'\n\ntype Screen = keyof typeof screens\n\n/**\n * Exposes Tailwind CSS breakpoints as reactive media queries\n *\n * **Warning:** This hook is not a replacement for Tailwind CSS breakpoints. Using breakpoints in Javascript can cause issues with Server Side Rendering (SSR) and the Tailwind CSS breakpoints should be used when possible.\n */\nexport function useBreakpoints() {\n  const mediaQueries: Record<Screen, Ref<boolean>> = {\n    xs: useMediaQuery(screens.xs),\n    sm: useMediaQuery(screens.sm),\n    md: useMediaQuery(screens.md),\n    lg: useMediaQuery(screens.lg),\n    xl: useMediaQuery(screens.xl),\n    zoomed: useMediaQuery(screens.zoomed),\n  }\n\n  // We make the breakpoints a computed object so that we can use them in templates as `breakpoints.x` instead of `breakpoints.x.value`\n  const breakpoints = computed(\n    () =>\n      Object.fromEntries(\n        Object.entries(mediaQueries).map(([breakpoint, queryRef]) => [breakpoint, unref(queryRef)]),\n      ) as Record<Screen, boolean>,\n  )\n\n  return {\n    /** The screen sizes defined in the preset */\n    screens,\n    /** Reactive media queries for each of the screen sizes */\n    mediaQueries,\n    /** The breakpoints as reactive media queries */\n    breakpoints,\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAmB,UAAU,aAAa;AAE1C,SAAS,eAAe;AASjB,SAAS,iBAAiB;AAC/B,QAAM,eAA6C;AAAA,IACjD,IAAI,cAAc,QAAQ,EAAE;AAAA,IAC5B,IAAI,cAAc,QAAQ,EAAE;AAAA,IAC5B,IAAI,cAAc,QAAQ,EAAE;AAAA,IAC5B,IAAI,cAAc,QAAQ,EAAE;AAAA,IAC5B,IAAI,cAAc,QAAQ,EAAE;AAAA,IAC5B,QAAQ,cAAc,QAAQ,MAAM;AAAA,EACtC;AAGA,QAAM,cAAc;AAAA,IAClB,MACE,OAAO;AAAA,MACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,YAAY,QAAQ,MAAM,CAAC,YAAY,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC5F;AAAA,EACJ;AAEA,SAAO;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
   "names": []
 }

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;AAM5E;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;IAyFvD,yCAAyC;;IAKzC,+CAA+C;;IAE/C,yDAAyD;;IAEzD,qDAAqD;;IAErD,kDAAkD;0BApFvB,SAAS;IAsFpC,uCAAuC;mCA7EL,aAAa;EAgFlD"}
+{"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;AAM5E;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;IA0FvD,yCAAyC;;IAKzC,+CAA+C;;IAE/C,yDAAyD;;IAEzD,qDAAqD;;IAErD,kDAAkD;0BArFvB,SAAS;IAuFpC,uCAAuC;mCA9EL,aAAa;EAiFlD"}

package/dist/useColorMode/useColorMode.js

@@ -53,16 +53,17 @@ function useColorMode(opts = {}) {
   );
   colorMode.value = savedColorMode ?? initialColorMode;
   watch(colorMode, applyColorMode, { immediate: true });
+  const handleChange = () => colorMode.value === "system" && applyColorMode("system");
+  const mediaQuery = ref(null);
   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);
-      });
+      mediaQuery.value = window.matchMedia("(prefers-color-scheme: dark)");
+      mediaQuery.value?.addEventListener("change", handleChange);
     }
   });
+  onUnmounted(() => {
+    mediaQuery.value?.removeEventListener("change", handleChange);
+  });
   return {
     /** The current color mode (writable). */
     colorMode: computed({

package/dist/useColorMode/useColorMode.js.map

@@ -1,7 +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;",
+  "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  const handleChange = () => colorMode.value === 'system' && applyColorMode('system')\n\n  const mediaQuery = ref<MediaQueryList | null>(null)\n  // Listen to system preference changes\n  onMounted(() => {\n    if (typeof window !== 'undefined' && typeof window?.matchMedia === 'function') {\n      mediaQuery.value = window.matchMedia('(prefers-color-scheme: dark)')\n      mediaQuery.value?.addEventListener('change', handleChange)\n    }\n  })\n\n  onUnmounted(() => {\n    mediaQuery.value?.removeEventListener('change', handleChange)\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;AAEpD,QAAM,eAAe,MAAM,UAAU,UAAU,YAAY,eAAe,QAAQ;AAElF,QAAM,aAAa,IAA2B,IAAI;AAElD,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,eAAe,OAAO,QAAQ,eAAe,YAAY;AAC7E,iBAAW,QAAQ,OAAO,WAAW,8BAA8B;AACnE,iBAAW,OAAO,iBAAiB,UAAU,YAAY;AAAA,IAC3D;AAAA,EACF,CAAC;AAED,cAAY,MAAM;AAChB,eAAW,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAC9D,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/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/use-hooks"
   },
-  "version": "0.2.3",
+  "version": "0.2.5",
   "engines": {
     "node": ">=20"
   },
@@ -49,19 +49,19 @@
   ],
   "module": "./dist/index.js",
   "dependencies": {
-    "@vueuse/core": "^10.10.0",
+    "@vueuse/core": "13.9.0",
     "cva": "1.0.0-beta.2",
     "tailwind-merge": "^2.5.5",
-    "vue": "^3.5.12",
+    "vue": "^3.5.17",
     "zod": "3.24.1",
     "@scalar/use-toasts": "0.8.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "6.0.1",
     "@vue/test-utils": "^2.4.1",
-    "vite": "5.4.19",
+    "vite": "7.1.5",
     "zod-to-ts": "^1.2.0",
-    "@scalar/build-tooling": "0.2.3"
+    "@scalar/build-tooling": "0.2.7"
   },
   "scripts": {
     "build": "scalar-build-esbuild",