@stacksjs/composables 0.70.257 → 0.70.259

package/dist/useClipboard.js

@@ -1,32 +1 @@
-import { ref } from "@stacksjs/stx";
-import { defaultNavigator, toValue } from "./_shared";
-export function useClipboard(options) {
-  const {
-    source,
-    copiedDuring = 1500
-  } = options ?? {}, nav = defaultNavigator(), isSupported = ref(!!nav && "clipboard" in nav), text = ref(""), copied = ref(!1);
-  let copiedTimer;
-  async function copy(value) {
-    if (!isSupported.value)
-      return;
-    const valueToCopy = value ?? (source !== void 0 ? toValue(source) : void 0);
-    if (valueToCopy === void 0)
-      return;
-    try {
-      await nav.clipboard.writeText(valueToCopy);
-      text.value = valueToCopy;
-      copied.value = !0;
-      if (copiedTimer)
-        clearTimeout(copiedTimer);
-      copiedTimer = setTimeout(() => {
-        copied.value = !1;
-      }, copiedDuring);
-    } catch {}
-  }
-  return {
-    text,
-    isSupported,
-    copied,
-    copy
-  };
-}
+import{ref}from"@stacksjs/stx";import{defaultNavigator,toValue}from"./_shared";export function useClipboard(options){const{source,copiedDuring=1500}=options??{},nav=defaultNavigator(),isSupported=ref(!!nav&&"clipboard"in nav),text=ref(""),copied=ref(!1);let copiedTimer;async function copy(value){if(!isSupported.value)return;const valueToCopy=value??(source!==void 0?toValue(source):void 0);if(valueToCopy===void 0)return;try{await nav.clipboard.writeText(valueToCopy);text.value=valueToCopy;copied.value=!0;if(copiedTimer)clearTimeout(copiedTimer);copiedTimer=setTimeout(()=>{copied.value=!1},copiedDuring)}catch{}}return{text,isSupported,copied,copy}}

package/dist/useClipboardItems.js

@@ -1,15 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useClipboardItems() {
-  const isSupported = ref(typeof navigator < "u" && "clipboard" in navigator && typeof ClipboardItem < "u"), content = ref([]);
-  async function copy(items) {
-    if (isSupported.value) {
-      await navigator.clipboard.write(items);
-      content.value = items;
-    }
-  }
-  async function read() {
-    if (isSupported.value)
-      content.value = await navigator.clipboard.read();
-  }
-  return { isSupported, content, copy, read };
-}
+import{ref}from"@stacksjs/stx";export function useClipboardItems(){const isSupported=ref(typeof navigator<"u"&&"clipboard"in navigator&&typeof ClipboardItem<"u"),content=ref([]);async function copy(items){if(isSupported.value){await navigator.clipboard.write(items);content.value=items}}async function read(){if(isSupported.value)content.value=await navigator.clipboard.read()}return{isSupported,content,copy,read}}

package/dist/useCloned.js

@@ -1,16 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-function defaultClone(val) {
-  if (typeof structuredClone === "function")
-    return structuredClone(val);
-  return JSON.parse(JSON.stringify(val));
-}
-export function useCloned(source, options = {}) {
-  const cloneFn = options.clone ?? defaultClone, cloned = ref(cloneFn(source.value));
-  function sync() {
-    cloned.value = cloneFn(source.value);
-  }
-  watch(source, () => {
-    sync();
-  });
-  return { cloned, sync };
-}
+import{ref,watch}from"@stacksjs/stx";function defaultClone(val){if(typeof structuredClone==="function")return structuredClone(val);return JSON.parse(JSON.stringify(val))}export function useCloned(source,options={}){const cloneFn=options.clone??defaultClone,cloned=ref(cloneFn(source.value));function sync(){cloned.value=cloneFn(source.value)}watch(source,()=>{sync()});return{cloned,sync}}

package/dist/useColorMode.js

@@ -1,60 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-export function useColorMode(options = {}) {
-  const {
-    attribute = "class",
-    initialValue = "auto",
-    modes = {},
-    storageKey = "color-mode",
-    selector
-  } = options, system = ref("light");
-  if (typeof window < "u" && window.matchMedia) {
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    system.value = mq.matches ? "dark" : "light";
-    const onChange = (e) => {
-      system.value = e.matches ? "dark" : "light";
-    };
-    mq.addEventListener("change", onChange);
-    try {
-      onUnmounted(() => {
-        mq.removeEventListener("change", onChange);
-      });
-    } catch {}
-  }
-  let stored = initialValue;
-  if (typeof localStorage < "u") {
-    const val = localStorage.getItem(storageKey);
-    if (val)
-      stored = val;
-  }
-  const store = ref(stored), mode = ref(store.value === "auto" ? system.value : store.value);
-  function applyMode(m) {
-    if (typeof document > "u")
-      return;
-    const el = selector ? document.querySelector(selector) : document.documentElement;
-    if (!el)
-      return;
-    const value = modes[m] ?? m;
-    if (attribute === "class") {
-      const allModes = ["dark", "light", ...Object.keys(modes), ...Object.values(modes)];
-      for (const cls of allModes)
-        el.classList.remove(cls);
-      if (value)
-        el.classList.add(value);
-    } else
-      el.setAttribute(attribute, value);
-  }
-  watch(store, (val) => {
-    if (typeof localStorage < "u")
-      localStorage.setItem(storageKey, val);
-    mode.value = val === "auto" ? system.value : val;
-  });
-  watch(system, (val) => {
-    if (store.value === "auto")
-      mode.value = val;
-  });
-  watch(mode, (val) => {
-    applyMode(val);
-  });
-  applyMode(mode.value);
-  return { mode, system, store };
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";export function useColorMode(options={}){const{attribute="class",initialValue="auto",modes={},storageKey="color-mode",selector}=options,system=ref("light");if(typeof window<"u"&&window.matchMedia){const mq=window.matchMedia("(prefers-color-scheme: dark)");system.value=mq.matches?"dark":"light";const onChange=(e)=>{system.value=e.matches?"dark":"light"};mq.addEventListener("change",onChange);try{onUnmounted(()=>{mq.removeEventListener("change",onChange)})}catch{}}let stored=initialValue;if(typeof localStorage<"u"){const val=localStorage.getItem(storageKey);if(val)stored=val}const store=ref(stored),mode=ref(store.value==="auto"?system.value:store.value);function applyMode(m){if(typeof document>"u")return;const el=selector?document.querySelector(selector):document.documentElement;if(!el)return;const value=modes[m]??m;if(attribute==="class"){const allModes=["dark","light",...Object.keys(modes),...Object.values(modes)];for(const cls of allModes)el.classList.remove(cls);if(value)el.classList.add(value)}else el.setAttribute(attribute,value)}watch(store,(val)=>{if(typeof localStorage<"u")localStorage.setItem(storageKey,val);mode.value=val==="auto"?system.value:val});watch(system,(val)=>{if(store.value==="auto")mode.value=val});watch(mode,(val)=>{applyMode(val)});applyMode(mode.value);return{mode,system,store}}

package/dist/useConfirmDialog.js

@@ -1,34 +1 @@
-import { ref } from "@stacksjs/stx";
-import { createEventHook } from "./createEventHook";
-export function useConfirmDialog() {
-  const isRevealed = ref(!1), confirmHook = createEventHook(), cancelHook = createEventHook(), revealHook = createEventHook();
-  let resolvePromise = null;
-  function reveal(data) {
-    isRevealed.value = !0;
-    revealHook.trigger(data);
-    return new Promise((resolve) => {
-      resolvePromise = resolve;
-    });
-  }
-  function confirm(data) {
-    isRevealed.value = !1;
-    confirmHook.trigger(data);
-    resolvePromise?.({ data, isCanceled: !1 });
-    resolvePromise = null;
-  }
-  function cancel() {
-    isRevealed.value = !1;
-    cancelHook.trigger(void 0);
-    resolvePromise?.({ isCanceled: !0 });
-    resolvePromise = null;
-  }
-  return {
-    isRevealed,
-    reveal,
-    confirm,
-    cancel,
-    onConfirm: confirmHook.on,
-    onCancel: cancelHook.on,
-    onReveal: revealHook.on
-  };
-}
+import{ref}from"@stacksjs/stx";import{createEventHook}from"./createEventHook";export function useConfirmDialog(){const isRevealed=ref(!1),confirmHook=createEventHook(),cancelHook=createEventHook(),revealHook=createEventHook();let resolvePromise=null;function reveal(data){isRevealed.value=!0;revealHook.trigger(data);return new Promise((resolve)=>{resolvePromise=resolve})}function confirm(data){isRevealed.value=!1;confirmHook.trigger(data);resolvePromise?.({data,isCanceled:!1});resolvePromise=null}function cancel(){isRevealed.value=!1;cancelHook.trigger(void 0);resolvePromise?.({isCanceled:!0});resolvePromise=null}return{isRevealed,reveal,confirm,cancel,onConfirm:confirmHook.on,onCancel:cancelHook.on,onReveal:revealHook.on}}

package/dist/useCounter.js

@@ -1,28 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useCounter(initialValue = 0, options = {}) {
-  const { min = -1 / 0, max = 1 / 0 } = options;
-  function clamp(val) {
-    return Math.min(max, Math.max(min, val));
-  }
-  const count = ref(clamp(initialValue));
-  function inc(delta = 1) {
-    count.value = clamp(count.value + delta);
-    return count.value;
-  }
-  function dec(delta = 1) {
-    count.value = clamp(count.value - delta);
-    return count.value;
-  }
-  function set(val) {
-    count.value = clamp(val);
-    return count.value;
-  }
-  function reset(val = initialValue) {
-    count.value = clamp(val);
-    return count.value;
-  }
-  function get() {
-    return count.value;
-  }
-  return { count, inc, dec, set, reset, get };
-}
+import{ref}from"@stacksjs/stx";export function useCounter(initialValue=0,options={}){const{min=-1/0,max=1/0}=options;function clamp(val){return Math.min(max,Math.max(min,val))}const count=ref(clamp(initialValue));function inc(delta=1){count.value=clamp(count.value+delta);return count.value}function dec(delta=1){count.value=clamp(count.value-delta);return count.value}function set(val){count.value=clamp(val);return count.value}function reset(val=initialValue){count.value=clamp(val);return count.value}function get(){return count.value}return{count,inc,dec,set,reset,get}}

package/dist/useCssVar.js

@@ -1,23 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useCssVar(name, target, defaultValue) {
-  const variable = ref(defaultValue ?? ""), getEl = () => {
-    const t = unref(target);
-    if (t)
-      return t;
-    if (typeof document < "u")
-      return document.documentElement;
-    return null;
-  }, el = getEl();
-  if (el) {
-    const current = getComputedStyle(el).getPropertyValue(unref(name)).trim();
-    if (current)
-      variable.value = current;
-  }
-  watch(variable, (val) => {
-    const element = getEl();
-    if (element)
-      element.style.setProperty(unref(name), val);
-  });
-  return variable;
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";import{unref}from"./_shared";export function useCssVar(name,target,defaultValue){const variable=ref(defaultValue??""),getEl=()=>{const t=unref(target);if(t)return t;if(typeof document<"u")return document.documentElement;return null},el=getEl();if(el){const current=getComputedStyle(el).getPropertyValue(unref(name)).trim();if(current)variable.value=current}watch(variable,(val)=>{const element=getEl();if(element)element.style.setProperty(unref(name),val)});return variable}

package/dist/useCycleList.js

@@ -1,27 +1 @@
-import { computed, ref } from "@stacksjs/stx";
-export function useCycleList(list, options = {}) {
-  const length = list.length;
-  if (length === 0)
-    throw Error("useCycleList requires a non-empty list");
-  const initialIndex = options.initialValue !== void 0 ? list.indexOf(options.initialValue) : 0, index = ref(initialIndex >= 0 ? initialIndex : 0);
-  function at(i) {
-    return list[i];
-  }
-  const state = computed(() => at(index.value));
-  function normalizeIndex(i) {
-    return (i % length + length) % length;
-  }
-  function next(n = 1) {
-    index.value = normalizeIndex(index.value + n);
-    return at(index.value);
-  }
-  function prev(n = 1) {
-    index.value = normalizeIndex(index.value - n);
-    return at(index.value);
-  }
-  function go(i) {
-    index.value = normalizeIndex(i);
-    return at(index.value);
-  }
-  return { state, index, next, prev, go };
-}
+import{computed,ref}from"@stacksjs/stx";export function useCycleList(list,options={}){const length=list.length;if(length===0)throw Error("useCycleList requires a non-empty list");const initialIndex=options.initialValue!==void 0?list.indexOf(options.initialValue):0,index=ref(initialIndex>=0?initialIndex:0);function at(i){return list[i]}const state=computed(()=>at(index.value));function normalizeIndex(i){return(i%length+length)%length}function next(n=1){index.value=normalizeIndex(index.value+n);return at(index.value)}function prev(n=1){index.value=normalizeIndex(index.value-n);return at(index.value)}function go(i){index.value=normalizeIndex(i);return at(index.value)}return{state,index,next,prev,go}}

package/dist/useDark.js

@@ -1,38 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-export function usePreferredDark() {
-  const matches = ref(!1);
-  if (typeof window < "u" && window.matchMedia) {
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    matches.value = mq.matches;
-    const onChange = (e) => {
-      matches.value = e.matches;
-    };
-    mq.addEventListener("change", onChange);
-    try {
-      onUnmounted(() => {
-        mq.removeEventListener("change", onChange);
-      });
-    } catch {}
-  }
-  return matches;
-}
-export function useDark() {
-  let initial = usePreferredDark().value;
-  if (typeof localStorage < "u") {
-    const stored = localStorage.getItem("color-scheme");
-    if (stored === "dark")
-      initial = !0;
-    else if (stored === "light")
-      initial = !1;
-  }
-  const isDark = ref(initial);
-  watch(isDark, (val) => {
-    if (typeof document < "u")
-      document.documentElement.classList.toggle("dark", val);
-    if (typeof localStorage < "u")
-      localStorage.setItem("color-scheme", val ? "dark" : "light");
-  });
-  if (typeof document < "u")
-    document.documentElement.classList.toggle("dark", isDark.value);
-  return isDark;
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";export function usePreferredDark(){const matches=ref(!1);if(typeof window<"u"&&window.matchMedia){const mq=window.matchMedia("(prefers-color-scheme: dark)");matches.value=mq.matches;const onChange=(e)=>{matches.value=e.matches};mq.addEventListener("change",onChange);try{onUnmounted(()=>{mq.removeEventListener("change",onChange)})}catch{}}return matches}export function useDark(){let initial=usePreferredDark().value;if(typeof localStorage<"u"){const stored=localStorage.getItem("color-scheme");if(stored==="dark")initial=!0;else if(stored==="light")initial=!1}const isDark=ref(initial);watch(isDark,(val)=>{if(typeof document<"u")document.documentElement.classList.toggle("dark",val);if(typeof localStorage<"u")localStorage.setItem("color-scheme",val?"dark":"light")});if(typeof document<"u")document.documentElement.classList.toggle("dark",isDark.value);return isDark}

package/dist/useDateFormat.js

@@ -1,11 +1 @@
-import { computed, ref } from "@stacksjs/stx";
-import { format } from "@stacksjs/datetime";
-export function useDateFormat(date, formatStr) {
-  if (typeof date === "object" && date !== null && "value" in date && "subscribe" in date)
-    return computed(() => {
-      const d = date.value;
-      return format(d instanceof Date ? d : new Date(d), formatStr);
-    });
-  const d = date instanceof Date ? date : new Date(date);
-  return ref(format(d, formatStr));
-}
+import{computed,ref}from"@stacksjs/stx";import{format}from"@stacksjs/datetime";export function useDateFormat(date,formatStr){if(typeof date==="object"&&date!==null&&"value"in date&&"subscribe"in date)return computed(()=>{const d=date.value;return format(d instanceof Date?d:new Date(d),formatStr)});const d=date instanceof Date?date:new Date(date);return ref(format(d,formatStr))}

package/dist/useDebounce.js

@@ -1,16 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-import { isRef, unref } from "./_shared";
-export function useDebounce(value, ms = 200) {
-  const debounced = ref(unref(value));
-  let timer = null;
-  if (isRef(value))
-    watch(value, (newVal) => {
-      if (timer !== null)
-        clearTimeout(timer);
-      timer = setTimeout(() => {
-        debounced.value = newVal;
-        timer = null;
-      }, ms);
-    });
-  return debounced;
-}
+import{ref,watch}from"@stacksjs/stx";import{isRef,unref}from"./_shared";export function useDebounce(value,ms=200){const debounced=ref(unref(value));let timer=null;if(isRef(value))watch(value,(newVal)=>{if(timer!==null)clearTimeout(timer);timer=setTimeout(()=>{debounced.value=newVal;timer=null},ms)});return debounced}

package/dist/useDebounceFn.js

@@ -1,18 +1 @@
-export function useDebounceFn(fn, ms = 200) {
-  let timeoutId = null;
-  const debounced = function(...args) {
-    if (timeoutId !== null)
-      clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => {
-      timeoutId = null;
-      fn.apply(this, args);
-    }, ms);
-  };
-  debounced.cancel = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  return debounced;
-}
+export function useDebounceFn(fn,ms=200){let timeoutId=null;const debounced=function(...args){if(timeoutId!==null)clearTimeout(timeoutId);timeoutId=setTimeout(()=>{timeoutId=null;fn.apply(this,args)},ms)};debounced.cancel=()=>{if(timeoutId!==null){clearTimeout(timeoutId);timeoutId=null}};return debounced}

package/dist/useDebouncedRef.js

@@ -1,22 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-export function useDebouncedRef(value, delay = 200) {
-  const source = ref(value), debounced = ref(value);
-  let timeoutId = null;
-  watch(source, (newVal) => {
-    if (timeoutId !== null)
-      clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => {
-      debounced.value = newVal;
-      timeoutId = null;
-    }, delay);
-  });
-  return {
-    get value() {
-      return debounced.value;
-    },
-    set value(newVal) {
-      source.value = newVal;
-    },
-    subscribe: debounced.subscribe
-  };
-}
+import{ref,watch}from"@stacksjs/stx";export function useDebouncedRef(value,delay=200){const source=ref(value),debounced=ref(value);let timeoutId=null;watch(source,(newVal)=>{if(timeoutId!==null)clearTimeout(timeoutId);timeoutId=setTimeout(()=>{debounced.value=newVal;timeoutId=null},delay)});return{get value(){return debounced.value},set value(newVal){source.value=newVal},subscribe:debounced.subscribe}}

package/dist/useDebouncedRefHistory.js

@@ -1,36 +1 @@
-import { useManualRefHistory } from "./useManualRefHistory";
-import { watch } from "@stacksjs/stx";
-export function useDebouncedRefHistory(source, options) {
-  const delay = options?.debounce ?? 200, { history, commit, undo, redo, canUndo, canRedo, clear, last } = useManualRefHistory(source, options);
-  let timer = null, ignoreNext = !1;
-  watch(source, () => {
-    if (ignoreNext) {
-      ignoreNext = !1;
-      return;
-    }
-    if (timer !== null)
-      clearTimeout(timer);
-    timer = setTimeout(() => {
-      timer = null;
-      commit();
-    }, delay);
-  });
-  const origUndo = undo, origRedo = redo;
-  function debouncedUndo() {
-    if (timer !== null) {
-      clearTimeout(timer);
-      timer = null;
-    }
-    ignoreNext = !0;
-    origUndo();
-  }
-  function debouncedRedo() {
-    if (timer !== null) {
-      clearTimeout(timer);
-      timer = null;
-    }
-    ignoreNext = !0;
-    origRedo();
-  }
-  return { history, commit, undo: debouncedUndo, redo: debouncedRedo, canUndo, canRedo, clear, last };
-}
+import{useManualRefHistory}from"./useManualRefHistory";import{watch}from"@stacksjs/stx";export function useDebouncedRefHistory(source,options){const delay=options?.debounce??200,{history,commit,undo,redo,canUndo,canRedo,clear,last}=useManualRefHistory(source,options);let timer=null,ignoreNext=!1;watch(source,()=>{if(ignoreNext){ignoreNext=!1;return}if(timer!==null)clearTimeout(timer);timer=setTimeout(()=>{timer=null;commit()},delay)});const origUndo=undo,origRedo=redo;function debouncedUndo(){if(timer!==null){clearTimeout(timer);timer=null}ignoreNext=!0;origUndo()}function debouncedRedo(){if(timer!==null){clearTimeout(timer);timer=null}ignoreNext=!0;origRedo()}return{history,commit,undo:debouncedUndo,redo:debouncedRedo,canUndo,canRedo,clear,last}}

package/dist/useDeviceMotion.js

@@ -1,53 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { noop } from "./_shared";
-export function useDeviceMotion() {
-  const isSupported = ref(typeof window < "u" && "DeviceMotionEvent" in window), acceleration = {
-    x: ref(null),
-    y: ref(null),
-    z: ref(null)
-  }, accelerationIncludingGravity = {
-    x: ref(null),
-    y: ref(null),
-    z: ref(null)
-  }, rotationRate = {
-    alpha: ref(null),
-    beta: ref(null),
-    gamma: ref(null)
-  }, interval = ref(0);
-  let cleanup = noop;
-  if (typeof window < "u" && isSupported.value) {
-    const handler = (event) => {
-      if (event.acceleration) {
-        acceleration.x.value = event.acceleration.x;
-        acceleration.y.value = event.acceleration.y;
-        acceleration.z.value = event.acceleration.z;
-      }
-      if (event.accelerationIncludingGravity) {
-        accelerationIncludingGravity.x.value = event.accelerationIncludingGravity.x;
-        accelerationIncludingGravity.y.value = event.accelerationIncludingGravity.y;
-        accelerationIncludingGravity.z.value = event.accelerationIncludingGravity.z;
-      }
-      if (event.rotationRate) {
-        rotationRate.alpha.value = event.rotationRate.alpha;
-        rotationRate.beta.value = event.rotationRate.beta;
-        rotationRate.gamma.value = event.rotationRate.gamma;
-      }
-      interval.value = event.interval;
-    };
-    window.addEventListener("devicemotion", handler, { passive: !0 });
-    cleanup = () => {
-      window.removeEventListener("devicemotion", handler);
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return {
-    acceleration,
-    accelerationIncludingGravity,
-    rotationRate,
-    interval,
-    isSupported
-  };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{noop}from"./_shared";export function useDeviceMotion(){const isSupported=ref(typeof window<"u"&&"DeviceMotionEvent"in window),acceleration={x:ref(null),y:ref(null),z:ref(null)},accelerationIncludingGravity={x:ref(null),y:ref(null),z:ref(null)},rotationRate={alpha:ref(null),beta:ref(null),gamma:ref(null)},interval=ref(0);let cleanup=noop;if(typeof window<"u"&&isSupported.value){const handler=(event)=>{if(event.acceleration){acceleration.x.value=event.acceleration.x;acceleration.y.value=event.acceleration.y;acceleration.z.value=event.acceleration.z}if(event.accelerationIncludingGravity){accelerationIncludingGravity.x.value=event.accelerationIncludingGravity.x;accelerationIncludingGravity.y.value=event.accelerationIncludingGravity.y;accelerationIncludingGravity.z.value=event.accelerationIncludingGravity.z}if(event.rotationRate){rotationRate.alpha.value=event.rotationRate.alpha;rotationRate.beta.value=event.rotationRate.beta;rotationRate.gamma.value=event.rotationRate.gamma}interval.value=event.interval};window.addEventListener("devicemotion",handler,{passive:!0});cleanup=()=>{window.removeEventListener("devicemotion",handler);cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return{acceleration,accelerationIncludingGravity,rotationRate,interval,isSupported}}

package/dist/useDeviceOrientation.js

@@ -1,23 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { noop } from "./_shared";
-export function useDeviceOrientation() {
-  const isSupported = ref(typeof window < "u" && "DeviceOrientationEvent" in window), alpha = ref(null), beta = ref(null), gamma = ref(null), absolute = ref(!1);
-  let cleanup = noop;
-  if (typeof window < "u" && isSupported.value) {
-    const handler = (event) => {
-      alpha.value = event.alpha;
-      beta.value = event.beta;
-      gamma.value = event.gamma;
-      absolute.value = event.absolute;
-    };
-    window.addEventListener("deviceorientation", handler, { passive: !0 });
-    cleanup = () => {
-      window.removeEventListener("deviceorientation", handler);
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { alpha, beta, gamma, absolute, isSupported };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{noop}from"./_shared";export function useDeviceOrientation(){const isSupported=ref(typeof window<"u"&&"DeviceOrientationEvent"in window),alpha=ref(null),beta=ref(null),gamma=ref(null),absolute=ref(!1);let cleanup=noop;if(typeof window<"u"&&isSupported.value){const handler=(event)=>{alpha.value=event.alpha;beta.value=event.beta;gamma.value=event.gamma;absolute.value=event.absolute};window.addEventListener("deviceorientation",handler,{passive:!0});cleanup=()=>{window.removeEventListener("deviceorientation",handler);cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return{alpha,beta,gamma,absolute,isSupported}}

package/dist/useDevicePixelRatio.js

@@ -1,24 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useDevicePixelRatio() {
-  const pixelRatio = ref(typeof window < "u" ? window.devicePixelRatio : 1);
-  if (typeof window > "u")
-    return { pixelRatio };
-  let mq = null, cleanup = () => {};
-  function observe() {
-    cleanup();
-    mq = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
-    const handler = () => {
-      pixelRatio.value = window.devicePixelRatio;
-      observe();
-    };
-    mq.addEventListener("change", handler, { once: !0 });
-    cleanup = () => {
-      mq?.removeEventListener("change", handler);
-    };
-  }
-  observe();
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { pixelRatio };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useDevicePixelRatio(){const pixelRatio=ref(typeof window<"u"?window.devicePixelRatio:1);if(typeof window>"u")return{pixelRatio};let mq=null,cleanup=()=>{};function observe(){cleanup();mq=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);const handler=()=>{pixelRatio.value=window.devicePixelRatio;observe()};mq.addEventListener("change",handler,{once:!0});cleanup=()=>{mq?.removeEventListener("change",handler)}}observe();try{onUnmounted(()=>cleanup())}catch{}return{pixelRatio}}

package/dist/useDocumentVisibility.js

@@ -1,16 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useDocumentVisibility() {
-  const visibility = ref(typeof document < "u" ? document.visibilityState : "visible");
-  if (typeof document > "u")
-    return visibility;
-  const handler = () => {
-    visibility.value = document.visibilityState;
-  };
-  document.addEventListener("visibilitychange", handler, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      document.removeEventListener("visibilitychange", handler);
-    });
-  } catch {}
-  return visibility;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useDocumentVisibility(){const visibility=ref(typeof document<"u"?document.visibilityState:"visible");if(typeof document>"u")return visibility;const handler=()=>{visibility.value=document.visibilityState};document.addEventListener("visibilitychange",handler,{passive:!0});try{onUnmounted(()=>{document.removeEventListener("visibilitychange",handler)})}catch{}return visibility}

package/dist/useDraggable.js

@@ -1,58 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useDraggable(target, options) {
-  const initialX = options?.initialValue?.x ?? 0, initialY = options?.initialValue?.y ?? 0, x = ref(initialX), y = ref(initialY), isDragging = ref(!1), style = ref(`left: ${initialX}px; top: ${initialY}px;`);
-  let cleanup = noop;
-  if (typeof window < "u") {
-    const cleanups = [];
-    let startX = 0, startY = 0, offsetX = 0, offsetY = 0;
-    const updateStyle = () => {
-      style.value = `left: ${x.value}px; top: ${y.value}px;`;
-    }, onPointerMove = (event) => {
-      if (!isDragging.value)
-        return;
-      x.value = event.clientX - offsetX;
-      y.value = event.clientY - offsetY;
-      updateStyle();
-      if (options?.onMove)
-        options.onMove({ x: x.value, y: y.value }, event);
-    }, onPointerUp = (event) => {
-      if (!isDragging.value)
-        return;
-      isDragging.value = !1;
-      if (options?.onEnd)
-        options.onEnd({ x: x.value, y: y.value }, event);
-      window.removeEventListener("pointermove", onPointerMove);
-      window.removeEventListener("pointerup", onPointerUp);
-    }, onPointerDown = (event) => {
-      const pos = { x: x.value, y: y.value };
-      if (options?.onStart) {
-        if (options.onStart(pos, event) === !1)
-          return;
-      }
-      startX = event.clientX;
-      startY = event.clientY;
-      offsetX = startX - x.value;
-      offsetY = startY - y.value;
-      isDragging.value = !0;
-      window.addEventListener("pointermove", onPointerMove);
-      window.addEventListener("pointerup", onPointerUp);
-    }, el = unref(target);
-    if (el) {
-      el.addEventListener("pointerdown", onPointerDown);
-      cleanups.push(() => el.removeEventListener("pointerdown", onPointerDown));
-    }
-    cleanup = () => {
-      for (const fn of cleanups)
-        fn();
-      cleanups.length = 0;
-      window.removeEventListener("pointermove", onPointerMove);
-      window.removeEventListener("pointerup", onPointerUp);
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { x, y, isDragging, style };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useDraggable(target,options){const initialX=options?.initialValue?.x??0,initialY=options?.initialValue?.y??0,x=ref(initialX),y=ref(initialY),isDragging=ref(!1),style=ref(`left: ${initialX}px; top: ${initialY}px;`);let cleanup=noop;if(typeof window<"u"){const cleanups=[];let startX=0,startY=0,offsetX=0,offsetY=0;const updateStyle=()=>{style.value=`left: ${x.value}px; top: ${y.value}px;`},onPointerMove=(event)=>{if(!isDragging.value)return;x.value=event.clientX-offsetX;y.value=event.clientY-offsetY;updateStyle();if(options?.onMove)options.onMove({x:x.value,y:y.value},event)},onPointerUp=(event)=>{if(!isDragging.value)return;isDragging.value=!1;if(options?.onEnd)options.onEnd({x:x.value,y:y.value},event);window.removeEventListener("pointermove",onPointerMove);window.removeEventListener("pointerup",onPointerUp)},onPointerDown=(event)=>{const pos={x:x.value,y:y.value};if(options?.onStart){if(options.onStart(pos,event)===!1)return}startX=event.clientX;startY=event.clientY;offsetX=startX-x.value;offsetY=startY-y.value;isDragging.value=!0;window.addEventListener("pointermove",onPointerMove);window.addEventListener("pointerup",onPointerUp)},el=unref(target);if(el){el.addEventListener("pointerdown",onPointerDown);cleanups.push(()=>el.removeEventListener("pointerdown",onPointerDown))}cleanup=()=>{for(const fn of cleanups)fn();cleanups.length=0;window.removeEventListener("pointermove",onPointerMove);window.removeEventListener("pointerup",onPointerUp);cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return{x,y,isDragging,style}}