@ctzy-web-client/plugin-component-vue 1.0.26 → 1.0.28

package/lib/node_modules/.pnpm/{@vueuse_core@9.6.0_vue@3.2.41 → @vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_}/node_modules/@vueuse/core/index.js

@@ -2,9 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../../../@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.js');
+var index = require('../../../../@vueuse_shared@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/shared/index.js');
 var vueDemi = require('vue-demi');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
   let options;
   if (vueDemi.isRef(optionsOrRef)) {
@@ -17,10 +27,11 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
   const {
     lazy = false,
     evaluating = void 0,
+    shallow = false,
     onError = index.noop
   } = options;
   const started = vueDemi.ref(!lazy);
-  const current = vueDemi.ref(initialState);
+  const current = shallow ? vueDemi.shallowRef(initialState) : vueDemi.ref(initialState);
   let counter = 0;
   vueDemi.watchEffect(async (onInvalidate) => {
     if (!started.value)
@@ -117,16 +128,16 @@ function useEventListener(...args) {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   };
-  const register = (el, event, listener) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
   };
-  const stopWatch = vueDemi.watch(() => unrefElement(target), (el) => {
+  const stopWatch = vueDemi.watch(() => [unrefElement(target), index.resolveUnref(options)], ([el, options2]) => {
     cleanup();
     if (!el)
       return;
     cleanups.push(...events.flatMap((event) => {
-      return listeners.map((listener) => register(el, event, listener));
+      return listeners.map((listener) => register(el, event, listener, options2));
     }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
@@ -137,29 +148,38 @@ function useEventListener(...args) {
   return stop;
 }
 
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
   if (!window)
     return;
+  if (index.isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", index.noop));
+  }
   let shouldListen = true;
-  let fallback;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window.clearTimeout(fallback);
     const el = unrefElement(target);
     if (!el || el === event.target || event.composedPath().includes(el))
       return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
     if (!shouldListen) {
       shouldListen = true;
       return;
     }
     handler(event);
   };
-  const shouldIgnore = (event) => {
-    return ignore && ignore.some((target2) => {
-      const el = unrefElement(target2);
-      return el && (event.target === el || event.composedPath().includes(el));
-    });
-  };
   const cleanup = [
     useEventListener(window, "click", listener, { passive: true, capture }),
     useEventListener(window, "pointerdown", (e) => {
@@ -167,13 +187,6 @@ function onClickOutside(target, handler, options = {}) {
       if (el)
         shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
     }, { passive: true }),
-    useEventListener(window, "pointerup", (e) => {
-      if (e.button === 0) {
-        const path = e.composedPath();
-        e.composedPath = () => path;
-        fallback = window.setTimeout(() => listener(e), 50);
-      }
-    }, { passive: true }),
     detectIframe && useEventListener(window, "blur", (event) => {
       var _a;
       const el = unrefElement(target);
@@ -185,21 +198,21 @@ function onClickOutside(target, handler, options = {}) {
   return stop;
 }
 
-var __defProp$m = Object.defineProperty;
+var __defProp$n = Object.defineProperty;
 var __defProps$9 = Object.defineProperties;
 var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
     }
   return a;
 };
@@ -243,13 +256,13 @@ function onKeyStroke(...args) {
   return useEventListener(target, eventName, listener, passive);
 }
 function onKeyDown(key, handler, options = {}) {
-  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$m({}, options), { eventName: "keydown" }));
+  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$n({}, options), { eventName: "keydown" }));
 }
 function onKeyPressed(key, handler, options = {}) {
-  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$m({}, options), { eventName: "keypress" }));
+  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$n({}, options), { eventName: "keypress" }));
 }
 function onKeyUp(key, handler, options = {}) {
-  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$m({}, options), { eventName: "keyup" }));
+  return onKeyStroke(key, handler, __spreadProps$9(__spreadValues$n({}, options), { eventName: "keyup" }));
 }
 
 const DEFAULT_DELAY = 500;
@@ -341,10 +354,16 @@ function templateRef(key, initialValue = null) {
 }
 
 function useActiveElement(options = {}) {
+  var _a;
   const { window = defaultWindow } = options;
-  const activeElement = index.computedWithControl(() => null, () => window == null ? void 0 : window.document.activeElement);
+  const document = (_a = options.document) != null ? _a : window == null ? void 0 : window.document;
+  const activeElement = index.computedWithControl(() => null, () => document == null ? void 0 : document.activeElement);
   if (window) {
-    useEventListener(window, "blur", activeElement.trigger, true);
+    useEventListener(window, "blur", (event) => {
+      if (event.relatedTarget !== null)
+        return;
+      activeElement.trigger();
+    }, true);
     useEventListener(window, "focus", activeElement.trigger, true);
   }
   return activeElement;
@@ -405,6 +424,7 @@ function useAsyncState(promise, initialState, options) {
     immediate = true,
     delay = 0,
     onError = index.noop,
+    onSuccess = index.noop,
     resetOnExecute = true,
     shallow = true,
     throwError
@@ -426,6 +446,7 @@ function useAsyncState(promise, initialState, options) {
       const data = await _promise;
       state.value = data;
       isReady.value = true;
+      onSuccess(data);
     } catch (e) {
       error.value = e;
       onError(e);
@@ -723,20 +744,32 @@ const breakpointsSematic = {
   laptopL: 1440,
   desktop4K: 2560
 };
+const breakpointsMasterCss = {
+  "3xs": 360,
+  "2xs": 480,
+  "xs": 600,
+  "sm": 768,
+  "md": 1024,
+  "lg": 1280,
+  "xl": 1440,
+  "2xl": 1600,
+  "3xl": 1920,
+  "4xl": 2560
+};
 
-var __defProp$l = Object.defineProperty;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$l = (a, b) => {
+var __defProp$m = Object.defineProperty;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
     }
   return a;
 };
@@ -766,7 +799,7 @@ function useBreakpoints(breakpoints, options = {}) {
     });
     return shortcuts;
   }, {});
-  return __spreadValues$l({
+  return __spreadValues$m({
     greater(k) {
       return useMediaQuery(`(min-width: ${getValue(k, 0.1)})`, options);
     },
@@ -942,21 +975,21 @@ function useClipboard(options = {}) {
   };
 }
 
-var __defProp$k = Object.defineProperty;
+var __defProp$l = Object.defineProperty;
 var __defProps$8 = Object.defineProperties;
 var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$k = (a, b) => {
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$l = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$m.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
+    if (__hasOwnProp$n.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b)) {
+      if (__propIsEnum$n.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
     }
   return a;
 };
@@ -976,7 +1009,7 @@ function useCloned(source, options = {}) {
     cloned.value = clone(vueDemi.unref(source));
   }
   if (!manual && vueDemi.isRef(source)) {
-    vueDemi.watch(source, sync, __spreadProps$8(__spreadValues$k({}, options), {
+    vueDemi.watch(source, sync, __spreadProps$8(__spreadValues$l({}, options), {
       deep,
       immediate
     }));
@@ -1001,19 +1034,19 @@ function guessSerializerType(rawInit) {
   return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
 }
 
-var __defProp$j = Object.defineProperty;
-var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$j = (a, b) => {
+var __defProp$k = Object.defineProperty;
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$l.call(b, prop))
-      __defNormalProp$j(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
@@ -1051,6 +1084,7 @@ const StorageSerializers = {
     write: (v) => v.toISOString()
   }
 };
+const customStorageEventName = "vueuse-storage";
 function useStorage(key, defaults, storage, options = {}) {
   var _a;
   const {
@@ -1083,56 +1117,79 @@ function useStorage(key, defaults, storage, options = {}) {
   const type = guessSerializerType(rawInit);
   const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
   const { pause: pauseWatch, resume: resumeWatch } = index.pausableWatch(data, () => write(data.value), { flush, deep, eventFilter });
-  if (window && listenToStorageChanges)
+  if (window && listenToStorageChanges) {
     useEventListener(window, "storage", update);
+    useEventListener(window, customStorageEventName, updateFromCustomEvent);
+  }
   update();
   return data;
   function write(v) {
     try {
-      if (v == null)
+      if (v == null) {
         storage.removeItem(key);
-      else
-        storage.setItem(key, serializer.write(v));
+      } else {
+        const serialized = serializer.write(v);
+        const oldValue = storage.getItem(key);
+        if (oldValue !== serialized) {
+          storage.setItem(key, serialized);
+          if (window) {
+            window.dispatchEvent(new CustomEvent(customStorageEventName, {
+              detail: {
+                key,
+                oldValue,
+                newValue: serialized,
+                storageArea: storage
+              }
+            }));
+          }
+        }
+      }
     } catch (e) {
       onError(e);
     }
   }
   function read(event) {
-    pauseWatch();
-    try {
-      const rawValue = event ? event.newValue : storage.getItem(key);
-      if (rawValue == null) {
-        if (writeDefaults && rawInit !== null)
-          storage.setItem(key, serializer.write(rawInit));
-        return rawInit;
-      } else if (!event && mergeDefaults) {
-        const value = serializer.read(rawValue);
-        if (index.isFunction(mergeDefaults))
-          return mergeDefaults(value, rawInit);
-        else if (type === "object" && !Array.isArray(value))
-          return __spreadValues$j(__spreadValues$j({}, rawInit), value);
-        return value;
-      } else if (typeof rawValue !== "string") {
-        return rawValue;
-      } else {
-        return serializer.read(rawValue);
-      }
-    } catch (e) {
-      onError(e);
-    } finally {
-      resumeWatch();
+    const rawValue = event ? event.newValue : storage.getItem(key);
+    if (rawValue == null) {
+      if (writeDefaults && rawInit !== null)
+        storage.setItem(key, serializer.write(rawInit));
+      return rawInit;
+    } else if (!event && mergeDefaults) {
+      const value = serializer.read(rawValue);
+      if (index.isFunction(mergeDefaults))
+        return mergeDefaults(value, rawInit);
+      else if (type === "object" && !Array.isArray(value))
+        return __spreadValues$k(__spreadValues$k({}, rawInit), value);
+      return value;
+    } else if (typeof rawValue !== "string") {
+      return rawValue;
+    } else {
+      return serializer.read(rawValue);
     }
   }
+  function updateFromCustomEvent(event) {
+    update(event.detail);
+  }
   function update(event) {
     if (event && event.storageArea !== storage)
       return;
-    if (event && event.key === null) {
+    if (event && event.key == null) {
       data.value = rawInit;
       return;
     }
     if (event && event.key !== key)
       return;
-    data.value = read(event);
+    pauseWatch();
+    try {
+      data.value = read(event);
+    } catch (e) {
+      onError(e);
+    } finally {
+      if (event)
+        vueDemi.nextTick(resumeWatch);
+      else
+        resumeWatch();
+    }
   }
 }
 
@@ -1140,19 +1197,19 @@ function usePreferredDark(options) {
   return useMediaQuery("(prefers-color-scheme: dark)", options);
 }
 
-var __defProp$i = Object.defineProperty;
-var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$i = (a, b) => {
+var __defProp$j = Object.defineProperty;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
@@ -1168,7 +1225,7 @@ function useColorMode(options = {}) {
     storageRef,
     emitAuto
   } = options;
-  const modes = __spreadValues$i({
+  const modes = __spreadValues$j({
     auto: "",
     light: "light",
     dark: "dark"
@@ -1319,21 +1376,21 @@ function useCycleList(list, options) {
   };
 }
 
-var __defProp$h = Object.defineProperty;
+var __defProp$i = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$h = (a, b) => {
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$j.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
@@ -1344,7 +1401,7 @@ function useDark(options = {}) {
     valueLight = "",
     window = defaultWindow
   } = options;
-  const mode = useColorMode(__spreadProps$7(__spreadValues$h({}, options), {
+  const mode = useColorMode(__spreadProps$7(__spreadValues$i({}, options), {
     onChanged: (mode2, defaultHandler) => {
       var _a;
       if (options.onChanged)
@@ -1448,21 +1505,21 @@ function useManualRefHistory(source, options = {}) {
   };
 }
 
-var __defProp$g = Object.defineProperty;
+var __defProp$h = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$i.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
     }
   return a;
 };
@@ -1490,7 +1547,7 @@ function useRefHistory(source, options = {}) {
       source2.value = value;
     });
   }
-  const manualHistory = useManualRefHistory(source, __spreadProps$6(__spreadValues$g({}, options), { clone: options.clone || deep, setSource }));
+  const manualHistory = useManualRefHistory(source, __spreadProps$6(__spreadValues$h({}, options), { clone: options.clone || deep, setSource }));
   const { clear, commit: manualCommit } = manualHistory;
   function commit() {
     ignorePrevAsyncUpdates();
@@ -1514,7 +1571,7 @@ function useRefHistory(source, options = {}) {
     stop();
     clear();
   }
-  return __spreadProps$6(__spreadValues$g({}, manualHistory), {
+  return __spreadProps$6(__spreadValues$h({}, manualHistory), {
     isTracking,
     pause,
     resume,
@@ -1524,29 +1581,29 @@ function useRefHistory(source, options = {}) {
   });
 }
 
-var __defProp$f = Object.defineProperty;
+var __defProp$g = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$h.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function useDebouncedRefHistory(source, options = {}) {
   const filter = options.debounce ? index.debounceFilter(options.debounce) : void 0;
-  const history = useRefHistory(source, __spreadProps$5(__spreadValues$f({}, options), { eventFilter: filter }));
-  return __spreadValues$f({}, history);
+  const history = useRefHistory(source, __spreadProps$5(__spreadValues$g({}, options), { eventFilter: filter }));
+  return __spreadValues$g({}, history);
 }
 
 function useDeviceMotion(options = {}) {
@@ -1606,28 +1663,20 @@ function useDeviceOrientation(options = {}) {
 function useDevicePixelRatio({
   window = defaultWindow
 } = {}) {
-  if (!window) {
-    return {
-      pixelRatio: vueDemi.ref(1)
+  const pixelRatio = vueDemi.ref(1);
+  if (window) {
+    let observe = function() {
+      pixelRatio.value = window.devicePixelRatio;
+      cleanup();
+      media = window.matchMedia(`(resolution: ${pixelRatio.value}dppx)`);
+      media.addEventListener("change", observe, { once: true });
+    }, cleanup = function() {
+      media == null ? void 0 : media.removeEventListener("change", observe);
     };
+    let media;
+    observe();
+    index.tryOnScopeDispose(cleanup);
   }
-  const pixelRatio = vueDemi.ref(1);
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.map((i) => i());
-    cleanups.length = 0;
-  };
-  const observe = () => {
-    pixelRatio.value = window.devicePixelRatio;
-    cleanup();
-    const media = window.matchMedia(`(resolution: ${pixelRatio.value}dppx)`);
-    media.addEventListener("change", observe, { once: true });
-    cleanups.push(() => {
-      media.removeEventListener("change", observe);
-    });
-  };
-  observe();
-  index.tryOnScopeDispose(cleanup);
   return { pixelRatio };
 }
 
@@ -1781,21 +1830,21 @@ function useDocumentVisibility({ document = defaultDocument } = {}) {
   return visibility;
 }
 
-var __defProp$e = Object.defineProperty;
+var __defProp$f = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
@@ -1825,8 +1874,8 @@ function useDraggable(target, options = {}) {
       return;
     const rect = index.resolveUnref(target).getBoundingClientRect();
     const pos = {
-      x: e.pageX - rect.left,
-      y: e.pageY - rect.top
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
     };
     if (((_a2 = options.onStart) == null ? void 0 : _a2.call(options, pos, e)) === false)
       return;
@@ -1840,8 +1889,8 @@ function useDraggable(target, options = {}) {
     if (!pressedDelta.value)
       return;
     position.value = {
-      x: e.pageX - pressedDelta.value.x,
-      y: e.pageY - pressedDelta.value.y
+      x: e.clientX - pressedDelta.value.x,
+      y: e.clientY - pressedDelta.value.y
     };
     (_a2 = options.onMove) == null ? void 0 : _a2.call(options, position.value, e);
     handleEvent(e);
@@ -1861,7 +1910,7 @@ function useDraggable(target, options = {}) {
     useEventListener(draggingElement, "pointermove", move, true);
     useEventListener(draggingElement, "pointerup", end, true);
   }
-  return __spreadProps$4(__spreadValues$e({}, index.toRefs(position)), {
+  return __spreadProps$4(__spreadValues$f({}, index.toRefs(position)), {
     position,
     isDragging: vueDemi.computed(() => !!pressedDelta.value),
     style: vueDemi.computed(() => `left:${position.value.x}px;top:${position.value.y}px;`)
@@ -1900,17 +1949,17 @@ function useDropZone(target, onDrop) {
   };
 }
 
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1986,7 +2035,7 @@ function useElementBounding(target, options = {}) {
   useResizeObserver(target, update);
   vueDemi.watch(() => unrefElement(target), (ele) => !ele && update());
   if (windowScroll)
-    useEventListener("scroll", update, { passive: true });
+    useEventListener("scroll", update, { capture: true, passive: true });
   if (windowResize)
     useEventListener("resize", update, { passive: true });
   index.tryOnMounted(() => {
@@ -2012,17 +2061,20 @@ function useRafFn(fn, options = {}) {
     window = defaultWindow
   } = options;
   const isActive = vueDemi.ref(false);
+  let previousFrameTimestamp = 0;
   let rafId = null;
-  function loop() {
+  function loop(timestamp) {
     if (!isActive.value || !window)
       return;
-    fn();
+    const delta = timestamp - previousFrameTimestamp;
+    fn({ delta, timestamp });
+    previousFrameTimestamp = timestamp;
     rafId = window.requestAnimationFrame(loop);
   }
   function resume() {
     if (!isActive.value && window) {
       isActive.value = true;
-      loop();
+      rafId = window.requestAnimationFrame(loop);
     }
   }
   function pause() {
@@ -2036,58 +2088,88 @@ function useRafFn(fn, options = {}) {
     resume();
   index.tryOnScopeDispose(pause);
   return {
-    isActive,
+    isActive: vueDemi.readonly(isActive),
     pause,
     resume
   };
 }
 
-var __defProp$d = Object.defineProperty;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
 function useElementByPoint(options) {
   const element = vueDemi.ref(null);
-  const { x, y } = options;
+  const { x, y, document = defaultDocument } = options;
   const controls = useRafFn(() => {
-    element.value = document.elementFromPoint(index.resolveUnref(x), index.resolveUnref(y));
+    element.value = (document == null ? void 0 : document.elementFromPoint(index.resolveUnref(x), index.resolveUnref(y))) || null;
   });
-  return __spreadValues$d({
+  return __spreadValues$e({
     element
   }, controls);
 }
 
-function useElementHover(el) {
+function useElementHover(el, options = {}) {
+  const delayEnter = options ? options.delayEnter : 0;
+  const delayLeave = options ? options.delayLeave : 0;
   const isHovered = vueDemi.ref(false);
-  useEventListener(el, "mouseenter", () => isHovered.value = true);
-  useEventListener(el, "mouseleave", () => isHovered.value = false);
+  let timer;
+  const toggle = (entering) => {
+    const delay = entering ? delayEnter : delayLeave;
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+    if (delay)
+      timer = setTimeout(() => isHovered.value = entering, delay);
+    else
+      isHovered.value = entering;
+  };
+  if (!window)
+    return isHovered;
+  useEventListener(el, "mouseenter", () => toggle(true), { passive: true });
+  useEventListener(el, "mouseleave", () => toggle(false), { passive: true });
   return isHovered;
 }
 
 function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
-  const { box = "content-box" } = options;
+  const { window = defaultWindow, box = "content-box" } = options;
+  const isSVG = vueDemi.computed(() => {
+    var _a, _b;
+    return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+  });
   const width = vueDemi.ref(initialSize.width);
   const height = vueDemi.ref(initialSize.height);
   useResizeObserver(target, ([entry]) => {
     const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
-    if (boxSize) {
-      width.value = boxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
-      height.value = boxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    if (window && isSVG.value) {
+      const $elem = unrefElement(target);
+      if ($elem) {
+        const styles = window.getComputedStyle($elem);
+        width.value = parseFloat(styles.width);
+        height.value = parseFloat(styles.height);
+      }
     } else {
-      width.value = entry.contentRect.width;
-      height.value = entry.contentRect.height;
+      if (boxSize) {
+        const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+        width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+        height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+      } else {
+        width.value = entry.contentRect.width;
+        height.value = entry.contentRect.height;
+      }
     }
   }, options);
   vueDemi.watch(() => unrefElement(target), (ele) => {
@@ -2245,32 +2327,31 @@ function useFavicon(newIcon = null, options = {}) {
   return favicon;
 }
 
-var __defProp$c = Object.defineProperty;
+var __defProp$d = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const payloadMapping = {
   json: "application/json",
-  text: "text/plain",
-  formData: "multipart/form-data"
+  text: "text/plain"
 };
 function isFetchOptions(obj) {
-  return index.containsProp(obj, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
+  return obj && index.containsProp(obj, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
 }
 function isAbsoluteURL(url) {
   return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
@@ -2292,7 +2373,7 @@ function combineCallbacks(combination, ...callbacks) {
     return async (ctx) => {
       await callbacks.reduce((prevCallback, callback) => prevCallback.then(async () => {
         if (callback)
-          ctx = __spreadValues$c(__spreadValues$c({}, ctx), await callback(ctx));
+          ctx = __spreadValues$d(__spreadValues$d({}, ctx), await callback(ctx));
       }), Promise.resolve());
       return ctx;
     };
@@ -2312,19 +2393,19 @@ function createFetch(config = {}) {
     let fetchOptions = _fetchOptions;
     if (args.length > 0) {
       if (isFetchOptions(args[0])) {
-        options = __spreadProps$3(__spreadValues$c(__spreadValues$c({}, options), args[0]), {
+        options = __spreadProps$3(__spreadValues$d(__spreadValues$d({}, options), args[0]), {
           beforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[0].beforeFetch),
           afterFetch: combineCallbacks(_combination, _options.afterFetch, args[0].afterFetch),
           onFetchError: combineCallbacks(_combination, _options.onFetchError, args[0].onFetchError)
         });
       } else {
-        fetchOptions = __spreadProps$3(__spreadValues$c(__spreadValues$c({}, fetchOptions), args[0]), {
-          headers: __spreadValues$c(__spreadValues$c({}, headersToObject(fetchOptions.headers) || {}), headersToObject(args[0].headers) || {})
+        fetchOptions = __spreadProps$3(__spreadValues$d(__spreadValues$d({}, fetchOptions), args[0]), {
+          headers: __spreadValues$d(__spreadValues$d({}, headersToObject(fetchOptions.headers) || {}), headersToObject(args[0].headers) || {})
         });
       }
     }
     if (args.length > 1 && isFetchOptions(args[1])) {
-      options = __spreadProps$3(__spreadValues$c(__spreadValues$c({}, options), args[1]), {
+      options = __spreadProps$3(__spreadValues$d(__spreadValues$d({}, options), args[1]), {
         beforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[1].beforeFetch),
         afterFetch: combineCallbacks(_combination, _options.afterFetch, args[1].afterFetch),
         onFetchError: combineCallbacks(_combination, _options.onFetchError, args[1].onFetchError)
@@ -2346,13 +2427,13 @@ function useFetch(url, ...args) {
   };
   if (args.length > 0) {
     if (isFetchOptions(args[0]))
-      options = __spreadValues$c(__spreadValues$c({}, options), args[0]);
+      options = __spreadValues$d(__spreadValues$d({}, options), args[0]);
     else
       fetchOptions = args[0];
   }
   if (args.length > 1) {
     if (isFetchOptions(args[1]))
-      options = __spreadValues$c(__spreadValues$c({}, options), args[1]);
+      options = __spreadValues$d(__spreadValues$d({}, options), args[1]);
   }
   const {
     fetch = (_a = defaultWindow) == null ? void 0 : _a.fetch,
@@ -2373,8 +2454,10 @@ function useFetch(url, ...args) {
   let controller;
   let timer;
   const abort = () => {
-    if (supportsAbort && controller)
+    if (supportsAbort && controller) {
       controller.abort();
+      controller = void 0;
+    }
   };
   const loading = (isLoading) => {
     isFetching.value = isLoading;
@@ -2388,11 +2471,11 @@ function useFetch(url, ...args) {
     error.value = null;
     statusCode.value = null;
     aborted.value = false;
-    controller = void 0;
     if (supportsAbort) {
+      abort();
       controller = new AbortController();
       controller.signal.onabort = () => aborted.value = true;
-      fetchOptions = __spreadProps$3(__spreadValues$c({}, fetchOptions), {
+      fetchOptions = __spreadProps$3(__spreadValues$d({}, fetchOptions), {
         signal: controller.signal
       });
     }
@@ -2408,9 +2491,13 @@ function useFetch(url, ...args) {
       defaultFetchOptions.body = config.payloadType === "json" ? JSON.stringify(payload) : payload;
     }
     let isCanceled = false;
-    const context = { url: index.resolveUnref(url), options: __spreadValues$c(__spreadValues$c({}, defaultFetchOptions), fetchOptions), cancel: () => {
-      isCanceled = true;
-    } };
+    const context = {
+      url: index.resolveUnref(url),
+      options: __spreadValues$d(__spreadValues$d({}, defaultFetchOptions), fetchOptions),
+      cancel: () => {
+        isCanceled = true;
+      }
+    };
     if (options.beforeFetch)
       Object.assign(context, await options.beforeFetch(context));
     if (isCanceled || !fetch) {
@@ -2422,8 +2509,8 @@ function useFetch(url, ...args) {
       timer.start();
     return new Promise((resolve, reject) => {
       var _a3;
-      fetch(context.url, __spreadProps$3(__spreadValues$c(__spreadValues$c({}, defaultFetchOptions), context.options), {
-        headers: __spreadValues$c(__spreadValues$c({}, headersToObject(defaultFetchOptions.headers)), headersToObject((_a3 = context.options) == null ? void 0 : _a3.headers))
+      fetch(context.url, __spreadProps$3(__spreadValues$d(__spreadValues$d({}, defaultFetchOptions), context.options), {
+        headers: __spreadValues$d(__spreadValues$d({}, headersToObject(defaultFetchOptions.headers)), headersToObject((_a3 = context.options) == null ? void 0 : _a3.headers))
       })).then(async (fetchResponse) => {
         response.value = fetchResponse;
         statusCode.value = fetchResponse.status;
@@ -2498,9 +2585,9 @@ function useFetch(url, ...args) {
           ], ([refetch2]) => refetch2 && execute(), { deep: true });
         }
         const rawPayload = index.resolveUnref(config.payload);
-        if (!payloadType && rawPayload && Object.getPrototypeOf(rawPayload) === Object.prototype)
+        if (!payloadType && rawPayload && Object.getPrototypeOf(rawPayload) === Object.prototype && !(rawPayload instanceof FormData))
           config.payloadType = "json";
-        return __spreadProps$3(__spreadValues$c({}, shell), {
+        return __spreadProps$3(__spreadValues$d({}, shell), {
           then(onFulfilled, onRejected) {
             return waitUntilFinished().then(onFulfilled, onRejected);
           }
@@ -2518,7 +2605,7 @@ function useFetch(url, ...args) {
     return () => {
       if (!isFetching.value) {
         config.type = type;
-        return __spreadProps$3(__spreadValues$c({}, shell), {
+        return __spreadProps$3(__spreadValues$d({}, shell), {
           then(onFulfilled, onRejected) {
             return waitUntilFinished().then(onFulfilled, onRejected);
           }
@@ -2529,7 +2616,7 @@ function useFetch(url, ...args) {
   }
   if (options.immediate)
     setTimeout(execute, 0);
-  return __spreadProps$3(__spreadValues$c({}, shell), {
+  return __spreadProps$3(__spreadValues$d({}, shell), {
     then(onFulfilled, onRejected) {
       return waitUntilFinished().then(onFulfilled, onRejected);
     }
@@ -2541,19 +2628,19 @@ function joinPaths(start, end) {
   return `${start}${end}`;
 }
 
-var __defProp$b = Object.defineProperty;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
@@ -2578,7 +2665,7 @@ function useFileDialog(options = {}) {
   const open = (localOptions) => {
     if (!input)
       return;
-    const _options = __spreadValues$b(__spreadValues$b(__spreadValues$b({}, DEFAULT_OPTIONS), options), localOptions);
+    const _options = __spreadValues$c(__spreadValues$c(__spreadValues$c({}, DEFAULT_OPTIONS), options), localOptions);
     input.multiple = _options.multiple;
     input.accept = _options.accept;
     if (index.hasOwn(_options, "capture"))
@@ -2597,19 +2684,19 @@ function useFileDialog(options = {}) {
   };
 }
 
-var __defProp$a = Object.defineProperty;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
@@ -2642,7 +2729,7 @@ function useFileSystemAccess(options = {}) {
   async function open(_options = {}) {
     if (!isSupported.value)
       return;
-    const [handle] = await window.showOpenFilePicker(__spreadValues$a(__spreadValues$a({}, vueDemi.unref(options)), _options));
+    const [handle] = await window.showOpenFilePicker(__spreadValues$b(__spreadValues$b({}, vueDemi.unref(options)), _options));
     fileHandle.value = handle;
     await updateFile();
     await updateData();
@@ -2650,7 +2737,7 @@ function useFileSystemAccess(options = {}) {
   async function create(_options = {}) {
     if (!isSupported.value)
       return;
-    fileHandle.value = await window.showSaveFilePicker(__spreadValues$a(__spreadValues$a({}, vueDemi.unref(options)), _options));
+    fileHandle.value = await window.showSaveFilePicker(__spreadValues$b(__spreadValues$b({}, vueDemi.unref(options)), _options));
     data.value = void 0;
     await updateFile();
     await updateData();
@@ -2670,7 +2757,7 @@ function useFileSystemAccess(options = {}) {
   async function saveAs(_options = {}) {
     if (!isSupported.value)
       return;
-    fileHandle.value = await window.showSaveFilePicker(__spreadValues$a(__spreadValues$a({}, vueDemi.unref(options)), _options));
+    fileHandle.value = await window.showSaveFilePicker(__spreadValues$b(__spreadValues$b({}, vueDemi.unref(options)), _options));
     if (data.value) {
       const writableStream = await fileHandle.value.createWritable();
       await writableStream.write(data.value);
@@ -2710,17 +2797,17 @@ function useFileSystemAccess(options = {}) {
 
 function useFocus(target, options = {}) {
   const { initialValue = false } = options;
-  const activeElement = useActiveElement(options);
+  const innerFocused = vueDemi.ref(false);
   const targetElement = vueDemi.computed(() => unrefElement(target));
+  useEventListener(targetElement, "focus", () => innerFocused.value = true);
+  useEventListener(targetElement, "blur", () => innerFocused.value = false);
   const focused = vueDemi.computed({
-    get() {
-      return index.isDef(activeElement.value) && index.isDef(targetElement.value) && activeElement.value === targetElement.value;
-    },
+    get: () => innerFocused.value,
     set(value) {
       var _a, _b;
-      if (!value && focused.value)
+      if (!value && innerFocused.value)
         (_a = targetElement.value) == null ? void 0 : _a.blur();
-      if (value && !focused.value)
+      else if (value && !innerFocused.value)
         (_b = targetElement.value) == null ? void 0 : _b.focus();
     }
   });
@@ -2979,7 +3066,8 @@ function useGeolocation(options = {}) {
     enableHighAccuracy = true,
     maximumAge = 3e4,
     timeout = 27e3,
-    navigator = defaultNavigator
+    navigator = defaultNavigator,
+    immediate = true
   } = options;
   const isSupported = useSupported(() => navigator && "geolocation" in navigator);
   const locatedAt = vueDemi.ref(null);
@@ -3008,7 +3096,8 @@ function useGeolocation(options = {}) {
       });
     }
   }
-  resume();
+  if (immediate)
+    resume();
   function pause() {
     if (watcher && navigator)
       navigator.geolocation.clearWatch(watcher);
@@ -3060,19 +3149,19 @@ function useIdle(timeout = oneMinute, options = {}) {
   return { idle, lastActive };
 }
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
@@ -3090,7 +3179,7 @@ async function loadImage(options) {
   });
 }
 const useImage = (options, asyncStateOptions = {}) => {
-  const state = useAsyncState(() => loadImage(index.resolveUnref(options)), void 0, __spreadValues$9({
+  const state = useAsyncState(() => loadImage(index.resolveUnref(options)), void 0, __spreadValues$a({
     resetOnExecute: true
   }, asyncStateOptions));
   vueDemi.watch(() => index.resolveUnref(options), () => state.execute(asyncStateOptions.delay), { deep: true });
@@ -3158,14 +3247,17 @@ function useScroll(element, options = {}) {
     top: false,
     bottom: false
   });
-  const onScrollEnd = index.useDebounceFn((e) => {
+  const onScrollEnd = (e) => {
+    if (!isScrolling.value)
+      return;
     isScrolling.value = false;
     directions.left = false;
     directions.right = false;
     directions.top = false;
     directions.bottom = false;
     onStop(e);
-  }, throttle + idle);
+  };
+  const onScrollEndDebounced = index.useDebounceFn(onScrollEnd, throttle + idle);
   const onScrollHandler = (e) => {
     const eventTarget = e.target === document ? e.target.documentElement : e.target;
     const scrollLeft = eventTarget.scrollLeft;
@@ -3183,10 +3275,11 @@ function useScroll(element, options = {}) {
     arrivedState.bottom = scrollTop + eventTarget.clientHeight >= eventTarget.scrollHeight - (offset.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
     internalY.value = scrollTop;
     isScrolling.value = true;
-    onScrollEnd(e);
+    onScrollEndDebounced(e);
     onScroll(e);
   };
   useEventListener(element, "scroll", throttle ? index.useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler, eventListenerOptions);
+  useEventListener(element, "scrollend", onScrollEnd, eventListenerOptions);
   return {
     x,
     y,
@@ -3196,21 +3289,21 @@ function useScroll(element, options = {}) {
   };
 }
 
-var __defProp$8 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
@@ -3218,8 +3311,8 @@ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function useInfiniteScroll(element, onLoadMore, options = {}) {
   var _a, _b;
   const direction = (_a = options.direction) != null ? _a : "bottom";
-  const state = vueDemi.reactive(useScroll(element, __spreadProps$2(__spreadValues$8({}, options), {
-    offset: __spreadValues$8({
+  const state = vueDemi.reactive(useScroll(element, __spreadProps$2(__spreadValues$9({}, options), {
+    offset: __spreadValues$9({
       [direction]: (_b = options.distance) != null ? _b : 0
     }, options.offset)
   })));
@@ -3326,9 +3419,12 @@ function useMagicKeys(options = {}) {
     onEventFired = index.noop
   } = options;
   const current = vueDemi.reactive(new Set());
-  const obj = { toJSON() {
-    return {};
-  }, current };
+  const obj = {
+    toJSON() {
+      return {};
+    },
+    current
+  };
   const refs = useReactive ? vueDemi.reactive(obj) : obj;
   const metaDeps = new Set();
   const usedKeys = new Set();
@@ -3341,6 +3437,7 @@ function useMagicKeys(options = {}) {
     }
   }
   function reset() {
+    current.clear();
     for (const key of usedKeys)
       setRefs(key, false);
   }
@@ -3401,19 +3498,19 @@ function useMagicKeys(options = {}) {
   return proxy;
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
@@ -3435,7 +3532,7 @@ const defaultOptions = {
   tracks: []
 };
 function useMediaControls(target, options = {}) {
-  options = __spreadValues$7(__spreadValues$7({}, defaultOptions), options);
+  options = __spreadValues$8(__spreadValues$8({}, defaultOptions), options);
   const {
     document = defaultDocument
   } = options;
@@ -3580,7 +3677,10 @@ function useMediaControls(target, options = {}) {
   useEventListener(target, "seeking", () => seeking.value = true);
   useEventListener(target, "seeked", () => seeking.value = false);
   useEventListener(target, "waiting", () => waiting.value = true);
-  useEventListener(target, "playing", () => waiting.value = false);
+  useEventListener(target, "playing", () => {
+    waiting.value = false;
+    ended.value = false;
+  });
   useEventListener(target, "ratechange", () => rate.value = index.resolveUnref(target).playbackRate);
   useEventListener(target, "stalled", () => stalled.value = true);
   useEventListener(target, "ended", () => ended.value = true);
@@ -3717,6 +3817,9 @@ function useMouse(options = {}) {
     } else if (type === "client") {
       x.value = event.clientX;
       y.value = event.clientY;
+    } else if (type === "movement") {
+      x.value = event.movementX;
+      y.value = event.movementY;
     }
     sourceType.value = "mouse";
   };
@@ -3746,7 +3849,7 @@ function useMouse(options = {}) {
   if (window) {
     useEventListener(window, "mousemove", mouseHandlerWrapper, { passive: true });
     useEventListener(window, "dragover", mouseHandlerWrapper, { passive: true });
-    if (touch) {
+    if (touch && type !== "movement") {
       useEventListener(window, "touchstart", touchHandlerWrapper, { passive: true });
       useEventListener(window, "touchmove", touchHandlerWrapper, { passive: true });
       if (resetOnTouchEnds)
@@ -3799,6 +3902,9 @@ function useMouseInElement(target, options = {}) {
         elementY.value = elY;
       }
     }, { immediate: true });
+    useEventListener(document, "mouseleave", () => {
+      isOutside.value = true;
+    });
   }
   return {
     x,
@@ -3858,17 +3964,17 @@ function useMousePressed(options = {}) {
   };
 }
 
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3972,19 +4078,19 @@ function useNetwork(options = {}) {
   };
 }
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
@@ -3997,7 +4103,7 @@ function useNow(options = {}) {
   const update = () => now.value = new Date();
   const controls = interval === "requestAnimationFrame" ? useRafFn(update, { immediate: true }) : index.useIntervalFn(update, interval, { immediate: true });
   if (exposeControls) {
-    return __spreadValues$6({
+    return __spreadValues$7({
       now
     }, controls);
   } else {
@@ -4022,6 +4128,8 @@ function useObjectUrl(object) {
 }
 
 function useClamp(value, min, max) {
+  if (index.isFunction(value) || vueDemi.isReadonly(value))
+    return vueDemi.computed(() => index.clamp(index.resolveUnref(value), index.resolveUnref(min), index.resolveUnref(max)));
   const _value = vueDemi.ref(value);
   return vueDemi.computed({
     get() {
@@ -4142,21 +4250,21 @@ function useParallax(target, options = {}) {
   return { roll, tilt, source };
 }
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
@@ -4192,11 +4300,63 @@ function usePointer(options = {}) {
     useEventListener(target, "pointermove", handler, { passive: true });
     useEventListener(target, "pointerleave", () => isInside.value = false, { passive: true });
   }
-  return __spreadProps$1(__spreadValues$5({}, index.toRefs(state)), {
+  return __spreadProps$1(__spreadValues$6({}, index.toRefs(state)), {
     isInside
   });
 }
 
+function usePointerLock(target, options = {}) {
+  const { document = defaultDocument, pointerLockOptions } = options;
+  const isSupported = useSupported(() => document && "pointerLockElement" in document);
+  const element = vueDemi.ref();
+  const triggerElement = vueDemi.ref();
+  let targetElement;
+  if (isSupported.value) {
+    useEventListener(document, "pointerlockchange", () => {
+      var _a;
+      const currentElement = (_a = document.pointerLockElement) != null ? _a : element.value;
+      if (targetElement && currentElement === targetElement) {
+        element.value = document.pointerLockElement;
+        if (!element.value)
+          targetElement = triggerElement.value = null;
+      }
+    });
+    useEventListener(document, "pointerlockerror", () => {
+      var _a;
+      const currentElement = (_a = document.pointerLockElement) != null ? _a : element.value;
+      if (targetElement && currentElement === targetElement) {
+        const action = document.pointerLockElement ? "release" : "acquire";
+        throw new Error(`Failed to ${action} pointer lock.`);
+      }
+    });
+  }
+  async function lock(e, options2) {
+    var _a;
+    if (!isSupported.value)
+      throw new Error("Pointer Lock API is not supported by your browser.");
+    triggerElement.value = e instanceof Event ? e.currentTarget : null;
+    targetElement = e instanceof Event ? (_a = unrefElement(target)) != null ? _a : triggerElement.value : unrefElement(e);
+    if (!targetElement)
+      throw new Error("Target element undefined.");
+    targetElement.requestPointerLock(options2 != null ? options2 : pointerLockOptions);
+    return await index.until(element).toBe(targetElement);
+  }
+  async function unlock() {
+    if (!element.value)
+      return false;
+    document.exitPointerLock();
+    await index.until(element).toBeNull();
+    return true;
+  }
+  return {
+    isSupported,
+    element,
+    triggerElement,
+    lock,
+    unlock
+  };
+}
+
 exports.SwipeDirection = void 0;
 (function(SwipeDirection2) {
   SwipeDirection2["UP"] = "UP";
@@ -4433,6 +4593,14 @@ function usePreferredReducedMotion(options) {
   });
 }
 
+function usePrevious(value, initialValue) {
+  const previous = vueDemi.shallowRef(initialValue);
+  vueDemi.watch(index.resolveRef(value), (_, oldValue) => {
+    previous.value = oldValue;
+  }, { flush: "sync" });
+  return vueDemi.readonly(previous);
+}
+
 const useScreenOrientation = (options = {}) => {
   const {
     window = defaultWindow
@@ -4583,8 +4751,22 @@ function useScriptTag(src, onLoaded = index.noop, options = {}) {
   return { scriptTag, load, unload };
 }
 
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientHeight < ele.scrollHeight || style.overflowY === "auto" && ele.clientWidth < ele.scrollWidth) {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
 function preventDefault(rawEvent) {
   const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
   if (e.touches.length > 1)
     return true;
   if (e.preventDefault)
@@ -4610,7 +4792,9 @@ function useScrollLock(element, initialState = false) {
     if (!ele || isLocked.value)
       return;
     if (index.isIOS) {
-      stopTouchMoveListener = useEventListener(ele, "touchmove", preventDefault, { passive: false });
+      stopTouchMoveListener = useEventListener(ele, "touchmove", (e) => {
+        preventDefault(e);
+      }, { passive: false });
     }
     ele.style.overflow = "hidden";
     isLocked.value = true;
@@ -4642,19 +4826,19 @@ function useSessionStorage(key, initialValue, options = {}) {
   return useStorage(key, initialValue, window == null ? void 0 : window.sessionStorage, options);
 }
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
@@ -4664,7 +4848,7 @@ function useShare(shareOptions = {}, options = {}) {
   const isSupported = useSupported(() => _navigator && "canShare" in _navigator);
   const share = async (overrideOptions = {}) => {
     if (isSupported.value) {
-      const data = __spreadValues$4(__spreadValues$4({}, index.resolveUnref(shareOptions)), index.resolveUnref(overrideOptions));
+      const data = __spreadValues$5(__spreadValues$5({}, index.resolveUnref(shareOptions)), index.resolveUnref(overrideOptions));
       let granted = true;
       if (data.files && _navigator.canShare)
         granted = _navigator.canShare({ files: data.files });
@@ -4839,6 +5023,10 @@ function useSpeechSynthesis(text, options = {}) {
     synth.cancel();
     utterance && synth.speak(utterance.value);
   };
+  const stop = () => {
+    synth.cancel();
+    isPlaying.value = false;
+  };
   if (isSupported.value) {
     bindEventsForUtterance(utterance.value);
     vueDemi.watch(lang, (lang2) => {
@@ -4866,6 +5054,7 @@ function useSpeechSynthesis(text, options = {}) {
     status,
     utterance,
     error,
+    stop,
     toggle,
     speak
   };
@@ -4946,6 +5135,22 @@ function useStepper(steps, initialStep) {
   };
 }
 
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
 function useStorageAsync(key, initialValue, storage, options = {}) {
   var _a;
   const {
@@ -4953,6 +5158,7 @@ function useStorageAsync(key, initialValue, storage, options = {}) {
     deep = true,
     listenToStorageChanges = true,
     writeDefaults = true,
+    mergeDefaults = false,
     shallow,
     window = defaultWindow,
     eventFilter,
@@ -4983,6 +5189,14 @@ function useStorageAsync(key, initialValue, storage, options = {}) {
         data.value = rawInit;
         if (writeDefaults && rawInit !== null)
           await storage.setItem(key, await serializer.write(rawInit));
+      } else if (mergeDefaults) {
+        const value = await serializer.read(rawValue);
+        if (index.isFunction(mergeDefaults))
+          data.value = mergeDefaults(value, rawInit);
+        else if (type === "object" && !Array.isArray(value))
+          data.value = __spreadValues$4(__spreadValues$4({}, rawInit), value);
+        else
+          data.value = value;
       } else {
         data.value = await serializer.read(rawValue);
       }
@@ -5038,7 +5252,7 @@ function useStyleTag(css, options = {}) {
     if (isLoaded.value)
       return;
     stop = vueDemi.watch(cssRef, (value) => {
-      el.innerText = value;
+      el.textContent = value;
     }, { immediate: true });
     isLoaded.value = true;
   };
@@ -5155,6 +5369,7 @@ function useTextareaAutosize(options) {
     (_b = options == null ? void 0 : options.onResize) == null ? void 0 : _b.call(options);
   }
   vueDemi.watch([input, textarea], triggerResize, { immediate: true });
+  useResizeObserver(textarea, () => triggerResize());
   if (options == null ? void 0 : options.watch)
     vueDemi.watch(options.watch, triggerResize, { immediate: true, deep: true });
   return {
@@ -5218,7 +5433,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const UNITS = [
+const DEFAULT_UNITS = [
   { max: 6e4, value: 1e3, name: "second" },
   { max: 276e4, value: 6e4, name: "minute" },
   { max: 72e6, value: 36e5, name: "hour" },
@@ -5237,37 +5452,46 @@ const DEFAULT_MESSAGES = {
   week: (n, past) => n === 1 ? past ? "last week" : "next week" : `${n} week${n > 1 ? "s" : ""}`,
   hour: (n) => `${n} hour${n > 1 ? "s" : ""}`,
   minute: (n) => `${n} minute${n > 1 ? "s" : ""}`,
-  second: (n) => `${n} second${n > 1 ? "s" : ""}`
+  second: (n) => `${n} second${n > 1 ? "s" : ""}`,
+  invalid: ""
 };
 const DEFAULT_FORMATTER = (date) => date.toISOString().slice(0, 10);
 function useTimeAgo(time, options = {}) {
   const {
     controls: exposeControls = false,
+    updateInterval = 3e4
+  } = options;
+  const _a = useNow({ interval: updateInterval, controls: true }), { now } = _a, controls = __objRest(_a, ["now"]);
+  const timeAgo = vueDemi.computed(() => formatTimeAgo(new Date(index.resolveUnref(time)), options, vueDemi.unref(now.value)));
+  if (exposeControls) {
+    return __spreadValues$2({
+      timeAgo
+    }, controls);
+  } else {
+    return timeAgo;
+  }
+}
+function formatTimeAgo(from, options = {}, now = Date.now()) {
+  var _a;
+  const {
     max,
-    updateInterval = 3e4,
     messages = DEFAULT_MESSAGES,
     fullDateFormatter = DEFAULT_FORMATTER,
-    showSecond = false
+    units = DEFAULT_UNITS,
+    showSecond = false,
+    rounding = "round"
   } = options;
-  const { abs, round } = Math;
-  const _a = useNow({ interval: updateInterval, controls: true }), { now } = _a, controls = __objRest(_a, ["now"]);
-  function getTimeAgo(from, now2) {
-    var _a2;
-    const diff = +now2 - +from;
-    const absDiff = abs(diff);
-    if (absDiff < 6e4 && !showSecond)
-      return messages.justNow;
-    if (typeof max === "number" && absDiff > max)
-      return fullDateFormatter(new Date(from));
-    if (typeof max === "string") {
-      const unitMax = (_a2 = UNITS.find((i) => i.name === max)) == null ? void 0 : _a2.max;
-      if (unitMax && absDiff > unitMax)
-        return fullDateFormatter(new Date(from));
-    }
-    for (const unit of UNITS) {
-      if (absDiff < unit.max)
-        return format(diff, unit);
-    }
+  const roundFn = typeof rounding === "number" ? (n) => +n.toFixed(rounding) : Math[rounding];
+  const diff = +now - +from;
+  const absDiff = Math.abs(diff);
+  function getValue(diff2, unit) {
+    return roundFn(Math.abs(diff2) / unit.value);
+  }
+  function format(diff2, unit) {
+    const val = getValue(diff2, unit);
+    const past = diff2 > 0;
+    const str = applyFormat(unit.name, val, past);
+    return applyFormat(past ? "past" : "future", str, past);
   }
   function applyFormat(name, val, isPast) {
     const formatter = messages[name];
@@ -5275,20 +5499,23 @@ function useTimeAgo(time, options = {}) {
       return formatter(val, isPast);
     return formatter.replace("{0}", val.toString());
   }
-  function format(diff, unit) {
-    const val = round(abs(diff) / unit.value);
-    const past = diff > 0;
-    const str = applyFormat(unit.name, val, past);
-    return applyFormat(past ? "past" : "future", str, past);
+  if (absDiff < 6e4 && !showSecond)
+    return messages.justNow;
+  if (typeof max === "number" && absDiff > max)
+    return fullDateFormatter(new Date(from));
+  if (typeof max === "string") {
+    const unitMax = (_a = units.find((i) => i.name === max)) == null ? void 0 : _a.max;
+    if (unitMax && absDiff > unitMax)
+      return fullDateFormatter(new Date(from));
   }
-  const timeAgo = vueDemi.computed(() => getTimeAgo(new Date(index.resolveUnref(time)), vueDemi.unref(now.value)));
-  if (exposeControls) {
-    return __spreadValues$2({
-      timeAgo
-    }, controls);
-  } else {
-    return timeAgo;
+  for (const [idx, unit] of units.entries()) {
+    const val = getValue(diff, unit);
+    if (val <= 0 && units[idx - 1])
+      return format(diff, units[idx - 1]);
+    if (absDiff < unit.max)
+      return format(diff, unit);
   }
+  return messages.invalid;
 }
 
 function useTimeoutPoll(fn, interval, timeoutPollOptions) {
@@ -5776,7 +6003,7 @@ function useVirtualList(list, options) {
     wrapperProps
   };
 }
-function useVirtualListResourses(list) {
+function useVirtualListResources(list) {
   const containerRef = vueDemi.ref(null);
   const size = useElementSize(containerRef);
   const currentList = vueDemi.ref([]);
@@ -5785,19 +6012,18 @@ function useVirtualListResourses(list) {
   return { state, source, currentList, size, containerRef };
 }
 function createGetViewCapacity(state, source, itemSize) {
-  return (containerHeight) => {
+  return (containerSize) => {
     if (typeof itemSize === "number")
-      return Math.ceil(containerHeight / itemSize);
+      return Math.ceil(containerSize / itemSize);
     const { start = 0 } = state.value;
     let sum = 0;
     let capacity = 0;
     for (let i = start; i < source.value.length; i++) {
-      const height = itemSize(i);
-      sum += height;
-      if (sum >= containerHeight) {
-        capacity = i;
+      const size = itemSize(i);
+      sum += size;
+      capacity = i;
+      if (sum > containerSize)
         break;
-      }
     }
     return capacity - start;
   };
@@ -5873,7 +6099,7 @@ function createScrollTo(type, calculateRange, getDistance, containerRef) {
   };
 }
 function useHorizontalVirtualList(options, list) {
-  const resources = useVirtualListResourses(list);
+  const resources = useVirtualListResources(list);
   const { state, source, currentList, size, containerRef } = resources;
   const containerStyle = { overflowX: "auto" };
   const { itemWidth, overscan = 5 } = options;
@@ -5905,7 +6131,7 @@ function useHorizontalVirtualList(options, list) {
   };
 }
 function useVerticalVirtualList(options, list) {
-  const resources = useVirtualListResourses(list);
+  const resources = useVirtualListResources(list);
   const { state, source, currentList, size, containerRef } = resources;
   const containerStyle = { overflowY: "auto" };
   const { itemHeight, overscan = 5 } = options;
@@ -6088,7 +6314,7 @@ function useWebSocket(url, options = {}) {
     return true;
   };
   const _init = () => {
-    if (explicitlyClosed)
+    if (explicitlyClosed || typeof urlRef.value === "undefined")
       return;
     const ws = new WebSocket(urlRef.value, protocols);
     wsRef.value = ws;
@@ -6331,11 +6557,11 @@ function useWindowScroll({ window = defaultWindow } = {}) {
       y: vueDemi.ref(0)
     };
   }
-  const x = vueDemi.ref(window.pageXOffset);
-  const y = vueDemi.ref(window.pageYOffset);
-  useEventListener("scroll", () => {
-    x.value = window.pageXOffset;
-    y.value = window.pageYOffset;
+  const x = vueDemi.ref(window.scrollX);
+  const y = vueDemi.ref(window.scrollY);
+  useEventListener(window, "scroll", () => {
+    x.value = window.scrollX;
+    y.value = window.scrollY;
   }, {
     capture: false,
     passive: true
@@ -6372,6 +6598,7 @@ function useWindowSize(options = {}) {
   return { width, height };
 }
 
+exports.__onlyVue27Plus = index.__onlyVue27Plus;
 exports.__onlyVue3 = index.__onlyVue3;
 exports.assert = index.assert;
 exports.autoResetRef = index.autoResetRef;
@@ -6452,10 +6679,12 @@ exports.useArrayEvery = index.useArrayEvery;
 exports.useArrayFilter = index.useArrayFilter;
 exports.useArrayFind = index.useArrayFind;
 exports.useArrayFindIndex = index.useArrayFindIndex;
+exports.useArrayFindLast = index.useArrayFindLast;
 exports.useArrayJoin = index.useArrayJoin;
 exports.useArrayMap = index.useArrayMap;
 exports.useArrayReduce = index.useArrayReduce;
 exports.useArraySome = index.useArraySome;
+exports.useArrayUnique = index.useArrayUnique;
 exports.useCounter = index.useCounter;
 exports.useDateFormat = index.useDateFormat;
 exports.useDebounce = index.debouncedRef;
@@ -6486,6 +6715,7 @@ exports.TransitionPresets = TransitionPresets;
 exports.asyncComputed = computedAsync;
 exports.breakpointsAntDesign = breakpointsAntDesign;
 exports.breakpointsBootstrapV5 = breakpointsBootstrapV5;
+exports.breakpointsMasterCss = breakpointsMasterCss;
 exports.breakpointsQuasar = breakpointsQuasar;
 exports.breakpointsSematic = breakpointsSematic;
 exports.breakpointsTailwind = breakpointsTailwind;
@@ -6495,10 +6725,12 @@ exports.computedAsync = computedAsync;
 exports.computedInject = computedInject;
 exports.createFetch = createFetch;
 exports.createUnrefFn = createUnrefFn;
+exports.customStorageEventName = customStorageEventName;
 exports.defaultDocument = defaultDocument;
 exports.defaultLocation = defaultLocation;
 exports.defaultNavigator = defaultNavigator;
 exports.defaultWindow = defaultWindow;
+exports.formatTimeAgo = formatTimeAgo;
 exports.getSSRHandler = getSSRHandler;
 exports.mapGamepadToXbox360Controller = mapGamepadToXbox360Controller;
 exports.onClickOutside = onClickOutside;
@@ -6584,12 +6816,14 @@ exports.usePageLeave = usePageLeave;
 exports.useParallax = useParallax;
 exports.usePermission = usePermission;
 exports.usePointer = usePointer;
+exports.usePointerLock = usePointerLock;
 exports.usePointerSwipe = usePointerSwipe;
 exports.usePreferredColorScheme = usePreferredColorScheme;
 exports.usePreferredContrast = usePreferredContrast;
 exports.usePreferredDark = usePreferredDark;
 exports.usePreferredLanguages = usePreferredLanguages;
 exports.usePreferredReducedMotion = usePreferredReducedMotion;
+exports.usePrevious = usePrevious;
 exports.useRafFn = useRafFn;
 exports.useRefHistory = useRefHistory;
 exports.useResizeObserver = useResizeObserver;